引导按钮 onclick 事件

Question

我有 2 个引导按钮，一个是直接链接到网站上的另一个页面，另一个是我想激活 javascript onclick 事件。我对基本链接没有问题，但将其添加到按钮时似乎不起作用？我已将我正在使用的代码与链接一起使用，该链接有效，但按钮不起作用。

\n\n

代码是：

\n\n

<div style="margin-top:10px" class="form-group">\n<!-- Button -->\n<div class="col-sm-12 controls">\nAre you already registered?\n<a href=\'login\' button type=\'button\' class=\'btn btn-block btn-success\'><span class=\'glyphicon glyphicon-user\'></span> Login</button></a>\n<div class="spacing3"></div>Not yet?\n\n<button id=\'next\' name =\'next\' type=\'button\' class=\'btn btn-block btn-primary\'>Continue</button>\n</div>\n</div>\n\n<a href="#" onClick="$(\'#loginbox\').hide(); $(\'#1box\').show()">Login here</a>\n

\n\n

按钮的 js 是

\n\n

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

\n\n

\xc2\xa0\xc2\xa0\xc2\xa0

\n

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'