弹窗内容无法正常显示

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不是静态页路径,是路由

Answer 2

是不是应该仔细阅读下它的文档再来使用呢