弹窗内容无法正常显示

Question

我照着别人代码,想写一个弹窗页面,百度了下,他们应该是用了一个fancybox的插件.

代码如下,通过点击"请选择"弹出一个新的页面

<a href="javascript:;" data-fancybox data-type='iframe' data-src='/dialog/dialog-1' class="btn btn-primary">请选择</a>

这是js部分的代码

 $(function() {

             //全局设置iframe弹窗

             $("[data-fancybox]").fancybox({

                 iframe: {

                     css: {

                         height:'450px',

                         width:'800px'

                     }

                 }

             });

         })

现在我将dialog-1页面复制一份,改名为dialog-13,并将上面第一段的dialog-1改成dialog-13,现在只能弹出一个空白页面.

console报错信息如下

纯新人,现在一头雾水,望各位大神告知怎样找错,万分感谢!

Answer 1

这里的/dialog/dialog-1不是静态页路径,是路由