javascript - 单击 Bootstrap 链接内的插入符号图标不起作用

Question

使用 Bootstrap v3.3.7 和 jQuery v1.12.4，我正在创建一个组件来激活 HTML 弹出窗口。

请看下面的代码。

点击按钮激活弹出窗口。但是，单击按钮内的插入符号图标不会执行任何操作。知道为什么以及如何解决这个问题吗？

Click here for the jsfiddle .

<a role="button" class="btn btn-default po" data-poc="#html1">Test 1 <span class="caret"></span></a>
<a role="button" class="btn btn-default po" data-poc="#html2">Test 2 <span class="caret"></span></a>
<div id="html1" class="hide">
  <strong>This</strong> is a test!
</div>
<div id="html2" class="hide">
  <strong>This</strong> is another test!
</div>

Answer 1

使用这个

<a id="po1" class="btn btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Test <span class="caret"></span></a>

click here