0

動的に生成されたタグがクリックされたときにjqueryファンシーボックスをロードする必要があります。初めてリンクをクリックしたとき、2回目にクリックしたときにファンシーボックスが表示されません。

解決策を教えていただけますか？これが私のコードです、

$(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>
4

1 に答える 1

2

この投稿に続い
て最初のクリックでfancyboxを初期化するだけで、これを行うことでfancyboxのイベントリスナーを起動する必要があります

$("#"+contentId).fancybox({            
    'titleShow'     : false,
    ...
}).trigger("click");
于 2012-10-02T13:24:51.647 に答える