jQuery没有选择引导按钮答案

【问题标题】：jQuery not selecting Bootstrap buttonjQuery没有选择引导按钮
【发布时间】：2015-08-10 20:58:35
【问题描述】：

我正在尝试向使用 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 {

}

为什么我的引导元素没有响应我的侦听器或我的 CSS 选择器？

【问题讨论】：

您的 JavaScript 是否包含在脚本块中？
您是否使用 JavaScript 创建按钮？如果是这样，您需要确保在在您已经创建按钮之前不要尝试调用.on('click', ...)。（或者如果这不可能，请考虑使用事件委托）

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

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

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

这是一个小提琴，显示了点击工作和使用 css 更改样式。虽然理想情况下对于非平凡的东西，您应该将您的样式和 js 分离到它们自己的文件中，而不是使用脚本/样式块。

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

【讨论】：