jQuery FancyBox/Lightbox問題

Question

我寫了一些HTML與JS成div。

這樣

$("#picdiv").html("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>"); 

這只是一個例子。

所以，我在$（文檔）.ready Funcktion這個代碼。

$('a[rel=lightbox]').fancybox(); 

，但如果我點擊鏈接，一個獲得與圖片的頁面...我知道問題一定是，我寫與JS的HTML，但我沒有別的選擇。所以我可以製作fancybox作品嗎？

Answer 1

溶液

$('.picture_display').find('a[rel=lightbox]').fancybox(); 

Answer 2

這是由於jQuery的工作原理。 fancybox函數僅適用於頁面上的當前元素，而不是由javascript動態添加的元素。

速戰速決可能是修改代碼如下：

如果

$("#picdiv").append($("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>").fancybox()); 

不知道上面的工作，但總的想法是，以確保所創建的任何新元素應用了插件。