Bootstrap按钮下拉菜单不会运行onclick功能?

时间:2014-08-30 15:40:40

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

我正在尝试使用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()的位置,以便单击警告文本实际上将运行该功能。我在网站或网站上找不到任何内容。

1 个答案:

答案 0 :(得分:0)

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>