fancybox jquery插件问题

发布于 2024-10-12 05:26:13 字数 576 浏览 1 评论 0原文

我正在使用 FancyBox jquery 插件。

我想在单击链接时显示弹出的描述窗口。描述是从 url（类似于 ajax）获取的。但是当我单击链接 fancybox 不起作用时，我的浏览器窗口会转到该 url 而不是弹出向上。

为什么会这样呢？

我的链接元素是通过ajax加载的。

这是我的代码：

$("[id^=pane]").delegate("a.group:not(.haspopup)","click",function() {
    $(this).addClass("haspopup").fancybox({
         'transitionIn'        :       'elastic',
         'transitionOut'       :       'elastic',
         'speedIn'             :       600, 
         'speedOut'            :       200, 
         'overlayShow' :       false
    }).click();
});

原文

i am using FancyBox jquery plugin.

i want to display a popup a description window when clicking on a link.the description is getting from a url (something like ajax).but when i click the link fancybox doesn't work and my browser window goes to that url instead of poping up.

why is it so?

my link elements are loading via ajax.

here's my code:

$("[id^=pane]").delegate("a.group:not(.haspopup)","click",function() {
    $(this).addClass("haspopup").fancybox({
         'transitionIn'        :       'elastic',
         'transitionOut'       :       'elastic',
         'speedIn'             :       600, 
         'speedOut'            :       200, 
         'overlayShow' :       false
    }).click();
});

分享到QQ

分享到微博

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

发布评论

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

纵性 2024-10-19 05:26:13

您需要使用jquery发送ajax请求，然后使用由ajax内容加载的fancybox。

像这样的代码：

$.ajax({
    type        : "POST",
    cache   : false,
    url     : "/data/login.php",
    data        : $(this).serializeArray(),
    success: function(data) {
        $.fancybox(data);
    }
});

另请参阅 fancybox 网站上的示例

You need to send ajax request using jquery and than use loaded by ajax content for fancybox.

Code like this:

$.ajax({
    type        : "POST",
    cache   : false,
    url     : "/data/login.php",
    data        : $(this).serializeArray(),
    success: function(data) {
        $.fancybox(data);
    }
});

Also check above example on fancybox site

回复收藏 0 原文

~没有更多了~