binding - Fancybox，使Fancybox使用LIVE()绑定(bind)到加载后加载到页面上的项目

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

<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>

我试图让精美的盒子在用户单击快速查看但没有任何运气时触发。有任何想法吗？

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

还尝试了：

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

http://fancybox.net/

感谢您的任何想法...

最佳答案

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

我遇到了同样的问题，并且找到了this solution。

我将其复制粘贴到此处，有关更多信息，请参见原始错误报告：

$.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。

关于binding - Fancybox，使Fancybox使用LIVE()绑定(bind)到加载后加载到页面上的项目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2532070/