Fancybox，让 Fancybox 使用 LIVE() 绑定到加载后加载到页面上的项目 [英] Fancybox, getting Fancybox to bind using LIVE() to items being loaded onto the page after load

问题描述

我有一个页面加载后，它会拉入一个 LI 列表来填充新闻提要.

I have a page that loads and after it loads, it pulls in a list of LIs to populate a news feed.

<li><a href="/url/" class="quickview">quick view</a></li>
<li><a href="/url/" class="quickview">quick view</a></li>
<li><a href="/url/" class="quickview">quick view</a></li>

我试图在用户点击快速查看但没有任何运气时触发奇特的框.有什么想法吗?

I'm trying to get fancy box to trigger when a user clicks on quick view but haven't had any luck. Any Ideas?

$(document).ready(function() {
    $('.quickview').fancybox();
});

也尝试过:

$(document).ready(function() {
   $('a.quickview').live('click', function() {
        $(this).fancybox();
    });
});

http://fancybox.net/

感谢您的任何想法...

Thanks for any ideas...

推荐答案

问题是将fancybox附加到AJAX加载的元素中，对吗?

The problems is to attach fancybox into AJAX loaded element, right?

我遇到了同样的问题，我找到了这个解决方案.

I got same problems and I found this solution.

我复制粘贴到这里，查看原始错误报告了解更多信息:

I copy paste it here, see the original bug report for more info:

$.fn.fancybox = function(options) {

$(this)
  .die('click.fb')
  .live('click.fb', function(e) {       
    $(this).data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
    e.preventDefault();
    [...]

归功于 jeff.gran.

这篇关于Fancybox，让 Fancybox 使用 LIVE() 绑定到加载后加载到页面上的项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！