回調的fancybox

Question

我的jQuery代碼

$("#div1").load("test1.html") 

$("a#link").fancybox({ 
    'transitionIn' : 'elastic', 
    'transitionOut' : 'elastic', 
    'width'   : 400, 
    'height'  : 200, 
    'overlayOpacity': 0.5, 
    'type'   : 'iframe' 
}); 

.load我的fancybox不工作後。

它工作在test1.html。

我該怎麼寫呢？

Answer 1

我不知道的fancybox什麼，但使用負載功能，當數據被異步加載，因此調用加載後什麼可以做之前，它是加載。如果您希望它能夠影響已加載的項目，則應將代碼添加到回調中。

$("#div1").load("test1.html", function() { 
    $("a#link").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'width'   : 400, 
     'height'  : 200, 
     'overlayOpacity': 0.5, 
     'type'   : 'iframe' 
    }); 
}) 

Answer 2

您可能只需要在該行的末尾添加一個;分號？

$("#div1").load("test1.html");

語法錯誤的...你得到任何錯誤？

您也可以考慮將此事件綁定到live()事件。 否則，來自test1.html的內容將不會包含在內。

看到這個帖子在這裏：

Fancybox, getting Fancybox to bind using LIVE() to items being loaded onto the page after load