Jquery fancybox问题

Question

单击动态生成的标记时，我需要加载jquery花式框。当我第一次点击链接时，在第二次加载时单击它时，不显示花式框。

你能给我一个解决方案吗？这是我的代码，

$(document).ready(function()
    {   
        $(".app a").live('click',function(e){

        e.preventDefault();
        var contentId = $(this).attr('id');

            $("#"+contentId).fancybox({            
                'titleShow'     : false,
                'padding'       : 0,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic',
                'autoDimensions':false, 
                'width'     :380, 
                'height'        :500,
                'showCloseButton' : true,
                'hideOnOverlayClick' : false            
            });

        });
    });


<div class="app"> 
  <a href="#device_detection" id="apps_<?= $regUsers->id; ?>"> click here</a>
</div>

Answer 1

关注this post
在第一次点击时你只是初始化fancybox，你需要通过这样做来激活fancybox的事件监听器

$("#"+contentId).fancybox({            
    'titleShow'     : false,
    ...
}).trigger("click");