Question

我正在尝试在按下HTML中的按钮时显示灯箱。

这是我的HTML：

    <div class="login-signup">
        <h1> Need to sign in or register? </h1>
             <div class="buttons">
                <a href="#" class="load">SIGN IN</a>
                <a href="#" class="add">REGISTER</a>
                <div class="clear">
                </div>
            </div>
    </div>

按下登录时，我希望我的灯箱出现。我试过这样做，但它似乎不起作用：

      $('.login-signup .buttons').click(function(e) {

    $('.sign-in').lightbox_me({

    });
});

有什么想法吗？

Answer 1

你的DOM中是否有任何带有class属性“sign-in”的元素？

结果是什么？

$('.load').click(function(e) {

   alert($(".sign-in").length);

});

如果它为0那么这意味着您的DOM中没有任何带有class =“sign-in”的元素，并且您的灯箱可能无法对不存在的元素执行任何操作。

Answer 2

如果您想要触发特定按钮，在这种情况下它是您的SIGN IN按钮，然后使用指定的类，如下所示：

$('.load').click(function(e) {
    $('.sign-in').lightbox_me({
    });
});

More information

Javascript单击“不显示”

2 个答案: