javascript - Bootstrap 寻呼机 onclick 事件

Question

我对 Bootstrap 非常陌生，对寻呼机选项也完全陌生。我有一个页面，可以使用带有 JavaScript 中单击事件的 Bootstrap 按钮。我正在尝试使用寻呼机选项来实现这一点。下面只是其中一个选项以及我希望 javascript 执行的操作的快速示例。我似乎无法让它做任何事情，如果我向其中添加按钮类，则对齐完全失败!谢谢

html 是:

<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">   
<ul class="pager">
  <li class="previous"><a href="#">Back</a></li>
  <li class="next"><a href="#">Next</a></li>
</ul>
</div>

单击任一按钮时我想运行的 javavscript 是:-

$(document).ready(function() {
   $('#next').on('click', function() {
      $('#box1').hide(); 
      $('#box2').show();
   })
});

Answer 1

您要将点击处理程序添加到 ID 为 next 的元素，但在 html 中，next 是一个类名。

将你的js更改为 -

$(document).ready(function() {
   $('.next').on('click', function() {
      $('#box1').hide(); 
      $('#box2').show();
   })
});