Fancybox 脚本不起作用

发布于 2024-10-20 18:44:18 字数 353 浏览 0 评论 0原文

我曾多次使用 Fancybox，从未遇到过这个问题。我在标题中包含了 jQuery 和 Fancybox 文件，链接了页面的第一个订单按钮以在 Fancybox 中打开 iframe。然而我似乎根本无法让它工作。它不会打开 iframe，而是直接进入我试图在 Fancybox iframe 内打开的页面。

有人能指出我周一早上犯下的任何明显的错误吗？

测试服务器可以在这里找到：

http://www.designti.me/testing/flipstick/原始.php

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

人生戏 2024-10-27 18:44:18

错误消息为：Uncaught TypeError: Object #has no method 'fancybox'

这意味着 fancybox 尚未加载。仔细查看您的源代码，我们会看到 您可以看到使用 x-ecmascript 而不是 javascript。改变它，你应该没问题。

回复收藏 0 原文

瘫痪情歌 2024-10-27 18:44:18

您没有将代码放入 ready 处理程序中：

$(function() {                   // <-- you need this
    $("a.iframe").fancybox({ 
        //...
    });
});                              // <-- and this

You didn't put your code into the ready handler:

$(function() {                   // <-- you need this
    $("a.iframe").fancybox({ 
        //...
    });
});                              // <-- and this

回复收藏 0 原文

空心↖ 2024-10-27 18:44:18

也许把它放在 document.ready 中？

$(document).ready(function() {
    $("a.iframe").fancybox({
         'width' : '75%',
         'height' : '75%',
         'autoScale' : false,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe'
    });       
});

Maybe to put it in document.ready?

$(document).ready(function() {
    $("a.iframe").fancybox({
         'width' : '75%',
         'height' : '75%',
         'autoScale' : false,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe'
    });       
});

回复收藏 0 原文

想你只要分分秒秒 2024-10-27 18:44:18

使用这个：

jQuery(document).ready(function() {

      jQuery("a.iframe").fancybox({
        'type' : 'iframe',  //<--missing comma here
        'width':750,
        'height':500  //<-- removed last comma here
    });

});

Use this:

jQuery(document).ready(function() {

      jQuery("a.iframe").fancybox({
        'type' : 'iframe',  //<--missing comma here
        'width':750,
        'height':500  //<-- removed last comma here
    });

});

回复收藏 0 原文

~没有更多了~