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

问题描述

我有一个网页，加载和加载后，它拉在LIS列表来填充新闻提要。

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.

我复制粘贴在这里，详情参见原来的bug报告：

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