如何從加載內容調用jquery lightBox

我試圖用jquery lightbox來顯示使用load（）加載到頁面中的照片。我的代碼是：如何從加載內容調用jquery lightBox

$('#content').on('click', 'a.thumb_link', function(){   
    $('a.thumb_link').lightBox(); 
    return false; 
});

這隻有當我點擊鏈接兩次。

來源

2012-08-06 Gdev

沒有什麼在你張貼建議需要兩次點擊代碼。請設置JS小提琴來說明問題。 – Utkanos 2012-08-06 17:16:44

您使用[Lightbox 2]（http://lokeshdhakar.com/projects/lightbox2/）嗎？或者哪個插件？ – 2012-08-06 17:19:25

2點擊，一鍵功能，有道理。 – Ohgodwhy 2012-08-06 17:29:38

我很困惑，爲什麼2提供的答案不起作用？

最後，我設法通過在加載的頁面中包含我的JS來使它工作，以便將腳本與其他內容一起加載到頁面中。

這奏效了：

$('a.thumb_link').lightBox();

來源

2012-08-16 08:28:17 Gdev

你就不能像

$('#content').live('click', function() 
{ 
    $('a.thumb_link').lightBox(); 
    return false; 
}

如果我有更多的代碼作爲例子來工作，我也許能提供更好的解決方案，但我只能假設秸稈內容是什麼搶，與類的鏈接thumb_link

來源

2012-08-06 17:45:09 chris

你必須將你放置在註釋中的代碼封裝在返回鍵中，在返回鍵（至少在美國鍵盤上）下方的那個鍵的左邊打勾。 2，你可以「編輯」你原來的帖子，在這樣的場景中添加額外的反饋，這樣更容易閱讀:-) – chris 2012-08-07 02:57:51

這裏是我的完整代碼：

loaded.php

<a class="thumb_link" href="../members/21000_21999/21659/21659-1.jpg"> 
<img src="../members/21000_21999/21659/21659-1.jpg"></a> 

<a class="thumb_link" href="../members/21000_21999/21659/21659-3.jpg"> 
<img src="../members/21000_21999/21659/21659-3.jpg"></a>

test.php的

<!doctype html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<title>Test</title> 
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css"  media="screen" /> 
<script src="js/jquery.js"></script> 
<script src="js/jquery.lightbox-0.5.js"></script> 

<body> 
<a class="link" href="../members/21000_21999/21659/21659-1.jpg"> 
<img src="../members/21000_21999/21659/21659-1.jpg"> 
</a> 

<a class="link" href="../members/21000_21999/21659/21659-3.jpg"> 
<img src="../members/21000_21999/21659/21659-3.jpg"> 
</a> 

<div id="content"></div> 
<script> 
$(document).ready(function(){ 

    $('a.link').lightBox(); 

    $('#content').load('loaded.php'); 

    $('#content').on('click', 'a.thumb_link', function(){   
     $('a.thumb_link').lightBox(); 
     return false; 
    }); 


}); 
</script> 
</body> 
</html>

其直接編碼在test.php的將運行燈箱與圖像上的單個點擊頂部2的圖像。底部2加載的圖像只運行lightBox時，我點擊兩次。

或者，加載的圖像將運行燈箱，如果我第一次單擊頂部圖像，然後使用點擊加載圖像（靜止兩次點擊）

林： jQuery的V1.7.1 jQuery的燈箱V0.5

來源

2012-08-07 03:06:47 Gdev

如何從加載內容調用jquery lightBox

回答

相關問題