Estou tentando exibir uma mesa de luz quando um botão no meu HTML é pressionado.
Aqui está o meu 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>
Quando Entrar é pressionado, quero que minha mesa de luz seja apresentada. Eu tentei fazer isso, mas isso não parece funcionar:
$(".login-signup .buttons").click(function(e) {
$(".sign-in").lightbox_me({
});
});
Alguma ideia?
Respostas:
2 para resposta № 1Será que você não possui nenhum elemento no seu DOM com o atributo de classe "login"?
Qual é o resultado disso?
$(".load").click(function(e) {
alert($(".sign-in").length);
});
Se for 0, significa que você não possui nenhum elemento no seu DOM com class = "sign-in" e provavelmente a sua caixa de luz não pode fazer nada em um elemento que não existe.
0 para resposta № 2
Se você deseja que um botão específico seja acionado, nesse caso, é o botão SIGN IN, use a classe atribuída da seguinte maneira:
$(".load").click(function(e) {
$(".sign-in").lightbox_me({
});
});