Bootstrap类在jQuery中无法生效怎么办？已正确引入所有脚本

嘿，我看到你的问题了——Bootstrap图标点击事件没触发，而且你已经确认所有脚本都正确引入了对吧？咱们来快速定位并解决问题：

核心问题：选择器写法错误 #

你当前的选择器.glyphicon glyphicon-exclamation-sign是后代选择器，它的作用是：找到所有带有.glyphicon类的元素，再在它们的子元素里找带有.glyphicon-exclamation-sign类的元素。但实际上Bootstrap的图标元素是单个元素同时拥有这两个class，比如：

<span class="glyphicon glyphicon-exclamation-sign"></span>

正确的多class选择器写法应该是把多个class用点.连接起来，表示“同时拥有这些class的元素”，修正后的选择器是：

$('.glyphicon.glyphicon-exclamation-sign')

修正后的完整代码 #

$(document).ready(function() {
  $('.glyphicon.glyphicon-exclamation-sign').click(function() {
    alert('Hi');
  });
});

额外检查点（如果还是不生效的话） #

• 确认jQuery脚本是在Bootstrap JS之前加载的：Bootstrap的JS组件依赖jQuery，顺序错了会导致各种奇怪的问题
• 检查图标元素的class拼写：有没有把glyphicon-exclamation-sign写错（比如少了字母、符号）
• 如果图标是动态生成的（比如通过AJAX或者JS后续添加到页面的），需要用事件委托来绑定点击事件：

$(document).on('click', '.glyphicon.glyphicon-exclamation-sign', function() {
  alert('Hi');
});

内容的提问来源于stack exchange，提问作者Moudi Nasrallah