javascript - 引导按钮 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-next ID 上应用事件时 $('#btn-next').on('click'