javascript - 弹窗内容无法正常显示

问题描述

问 题

我照着别人代码,想写一个弹窗页面,百度了下,他们应该是用了一个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报错信息如下

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

解决方案

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

这篇关于javascript - 弹窗内容无法正常显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！