[英]Applying Shadowbox.js on dynamically generated content
我正在使用shadowbox.js進行圖片庫顯示。
為此,我們必須生成這樣的html
<a href="images/Ganesha3602.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>
<a href="images/original.jpg" rel="shadow[my]"><img src="images/thumb.jpg" alt="Second" title="Second image" /></a>
<a href="images/original.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>
然后在身體負荷上應用Shadowbox.init()
。 當上面的html是靜態的時,它的工作就像一種魅力。 但是當我使用$.ajax
動態生成它並成功調用Shadowbox.init()
時; 陰影框不起作用。 我還嘗試完成調用Shadowbox.init()
。
我的代碼是這樣的:
$(document).on('click','#load_posts_comments',function(){
$.ajax({
url:"post_comment_json.php",
type: "POST",
dataType: "json",
data:{user_id:"123"},
success: function(data){
load_posts_comments(data);
},
complete: function(){
Shadowbox.init();
}
});
});
我要去哪里錯了? 我查看了Shadowbox網站,但沒有有關動態加載內容的文檔。 幫助將不勝感激。
您需要使用Shadowbox.clearCache();
重新初始化它Shadowbox.clearCache();
和Shadowbox.setup();
。
這里的解釋要好得多: 調用jquery函數后,shadowbox停止工作
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.