Question

我使用以下代码动态设置href链接以打开一些内容作为灯箱。

<script>
    $(document).ready(function() {

        $(".views-field-nid-1 > .field-content > a").each(
            function(){

                $(this).click(
                    function(e){
                        e.preventDefault();
                        $(this).attr("rel", "lightframe[|width:1100px; height:700px;]");
                        Lightbox.initList();
                        return true;    
                    }
                );

            }
        );
    });
</script>

我遇到的问题是链接不起作用，除非你点击它们两次我无法解释为什么除了猜测我的网页上有2个这样的链接。

为了帮助您了解情况，请访问 http://hamilton-house.org.uk/facilities-0 。点击页面右侧的放大平面图链接。每个平面图上都有一个这样的按钮。

我希望有人可以帮我解决这个问题！？{。{0}}

Answer 1

为什么不用循环添加rel：

$(".views-field-nid-1 > .field-content > a").each(function(index) {
    $(this).attr("rel", "lightframe[|width:1100px; height:700px;]");
});

然后使用您的灯箱没有问题，无需双击？

Jquery灯箱弹出问题

1 个答案: