0

我正在尝试使用 jquery lightbox 来显示使用 load() 加载到页面中的照片。我的代码是：

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

这仅在我单击链接两次时才有效。

4

3 回答 3

0

你不能做类似的事情吗

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

如果我有更多代码作为示例可以使用，我可能能够提供更好的解决方案，但我只能抓住稻草假设内容是什么，与类的链接thumb_link

于 2012-08-06T17:45:09.560 回答
0

这是我的完整代码：

加载的.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>

测试.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 个图像将通过单击图像运行 lightBox。底部 2 个加载的图像仅在我单击两次时才运行 lightBox。

或者，如果我首先单击顶部图像然后单击加载的图像（仍然单击两次），加载的图像将运行 lightBox

我正在使用：jquery v1.7.1 jquery lightBox v0.5

于 2012-08-07T03:06:47.927 回答
0

我很困惑，为什么提供的2个答案不起作用？

最后，我设法通过将我的 JS 包含在加载的页面中来使其工作，以便脚本与其他内容一起加载到页面中。

这成功了：

$('a.thumb_link').lightBox();
于 2012-08-16T08:28:17.267 回答