Bootstrap 按钮下拉菜单不会运行 onclick 函数？答案

【问题标题】：Bootstrap button dropdown won't run a function onclick?Bootstrap 按钮下拉菜单不会运行 onclick 函数？
【发布时间】：2014-08-30 15:40:39
【问题描述】：

我正在尝试使用 Bootstrap Button Dropdown 功能来显示一些警告文本，玩家必须点击这些警告文本，以确保他们在不想要该效果时不会点击它。但是下拉菜单拒绝做任何事情。

<div class="btn-group">
  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    Proton Synthesiser (15 protons)
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">
      Buying this will consume two up quarks and one down quark every second.
    </a></li>
  </ul>
</div>

下拉警告文本显示完美，但单击它没有任何作用。我试图找出在哪里放置 onclick="buyProtonClick() 以便单击警告文本将实际运行该功能。我在该网站或该网站上没有找到任何内容。

【问题讨论】：

你是怎么尝试的？我在您的代码示例中没有看到点击处理程序。此外，onclick 并不是在页面中使用 JavaScript 的最佳方法。在脚本标签中创建适当的click() 函数。

标签： javascript html twitter-bootstrap button drop-down-menu

【解决方案1】：

http://jsfiddle.net/isherwood/0tmzje8y

<a class="warning" href="#">
  Buying this will consume two up quarks and one down quark every second.
</a>

<script>
$('.warning').click(function() {
    buyProtonClick();
});
</script>

【讨论】：