2011-01-17 12 views
0

私はFancyBox jqueryプラグインを使用しています。fancybox jquery plugin problem

リンクをクリックするとポップアップの説明ウィンドウが表示されます。URL(ajaxのようなもの)から説明を取得していますが、リンクをクリックするとfancyboxが機能せず、ブラウザウィンドウが表示されますURLをポップアップする代わりに。

なぜそうですか?

私のリンク要素は、ajax経由でロードされています。

は、ここに私のコードです:

$("[id^=pane]").delegate("a.group:not(.haspopup)","click",function() { 
    $(this).addClass("haspopup").fancybox({ 
     'transitionIn'  :  'elastic', 
     'transitionOut'  :  'elastic', 
     'speedIn'    :  600, 
     'speedOut'   :  200, 
     'overlayShow' :  false 
    }).click(); 
}); 

答えて

0

あなたがajax request using jqueryとfancyboxのためのAjaxコンテンツによってロード使用よりを送信する必要があります。このような

コード:

$.ajax({ 
    type  : "POST", 
    cache : false, 
    url  : "/data/login.php", 
    data  : $(this).serializeArray(), 
    success: function(data) { 
     $.fancybox(data); 
    } 
}); 

はまた、彼らのために追加すべきfancybox「」要素you.but fancybox site

+0

感謝上の例の上ご確認も上だけではなく、その内容、AJAXによってロードされていますupcomplex要素にfancyboxを添付することはできますか? –