jquery选择器没有找到加载元素ajax以使用灯箱

Question

我正在尝试使用lightbox插件在使用lightbox插件时通过ajax加载内容，但到目前为止，我的努力是徒劳的。这就是为什么我要求你提供一些帮助。

以下是我的测试页面的链接：http://cablemodem.fibertel.com.ar/gustavolauro/

然后瞧瞧代码，

<script type="text/javascript">
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
        });
        $("#item-100").click(function(){
            $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "retratos.html", "replace");
        });
        $("#item-101").click(function(){
            $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "artistico.html", "replace");
        });
        $('a[rel*=lightbox]').lightBox();   
    });
</script>

我正在使用smoothdivscroll smoothdivscroll.com和灯箱http://leandrovieira.com/projects/jquery/lightbox/

问题是ajax加载的内容无法使用lightbox，我相信这是因为选择器a [rel * = lightbox]无法找到最近加载的内容，但即使我尝试过也无法解决问题很多东西。

希望你能提供帮助， 提前谢谢。

Answer 1

Firebug是你的朋友 - 学会爱它。

现在当您加载ajax时，您必须确保绑定所有新内容，因为当您尝试将锚标记与灯箱绑定时，该内容不在页面上

类似的东西：

 <script type="text/javascript">
        $(document).ready(function () {
            $("#makeMeScrollable").smoothDivScroll({
                        addedAjaxContent : function(){
                           $("#makeMeScrollable").find('a[rel*=lightbox]').lightBox();
                        }
            });
            $("#item-100").click(function(){
                $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "retratos.html", "replace");

            });
            $("#item-101").click(function(){
                $("#makeMeScrollable").smoothDivScroll("getAjaxContent", "artistico.html", "replace");
            });
            $('a[rel*=lightbox]').lightBox();   
        });
    </script>