javascript - jQuery 没有选择 Bootstrap 按钮

Question

我正在尝试将监听器添加到我使用 Bootstrap 创建的按钮。

<button type="button" id="buttonone" class="btn btn-default btn-lg good">
  <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>' 
</button>
<script>
 $(document).ready(function(){
    $('#buttonone').on('click', function(){
        console.log("FIRED AWAY")
     })
  })
</script>

这不是console.log我的消息。

我也无法使用

编辑按钮的 CSS

.btn {

}

为什么我的 Bootstrap 元素不响应我的监听器或我的 CSS 选择器？

Answer 1

所以我唯一能看到的是你没有像这样将 js 放在脚本 block 中。

<script>
  $('#buttonone').on('click', function(){
      console.log("FIRED AWAY");
  });
</script>

这是一个 fiddle ，显示了点击工作和使用 css 更改样式。尽管理想情况下对于重要的东西，您应该将样式和 js 分离到它们自己的文件中，而不是使用脚本/样式 block 。

http://jsfiddle.net/e6h3nd37/1/