引导按钮onclick事件

Question

我有2个引导按钮，我是直接链接到网站上的另一个页面，另一个我想激活一个javascript onclick事件。我有一个基本的链接没有问题，但是当它添加到一个按钮它似乎不工作？我已经包含了我正在使用的代码和可用的链接，但按钮并没有。

的代码是：

<div style="margin-top:10px" class="form-group"> 
<!-- Button --> 
<div class="col-sm-12 controls"> 
Are you already registered? 
<a href='login' button type='button' class='btn btn-block btn-success'><span class='glyphicon glyphicon-user'></span> Login</button></a> 
<div class="spacing3"></div>Not yet? 

<button id='next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 
</div> 
</div> 

<a href="#" onClick="$('#loginbox').hide(); $('#1box').show()">Login here</a> 

而且按钮的JS是

$(document).ready(function() { 
$('#btn-next').on('click', function() { 
$('#loginbox').hide(); $('#1box').show(); 
} 
       

Answer 1

改变这种

<button id='next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 

到

<button id='btn-next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 

因为你是在BTN-下一个ID $('#btn-next').on('click'

Answer 2

更改您的代码将事件：Acyuallyü[R使用错误的ID

$(document).ready(function() { 
    $('#next').on('click', function() { 
     $('#loginbox').hide(); 
     $('#1box').show(); 
    }) 
}); 

。

$('#btn-next') 

应该

$('#next') 

另一种解决办法是，从HTML改变你的ID，如：

<button id='btn-next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 

然后jQuery的为：

$(document).ready(function() { 
    $('#btn-next').on('click', function() { 
     $('#loginbox').hide(); 
     $('#1box').show(); 
    }) 
});