在引導程序鏈接中單擊插入符號圖標不起作用

Question

使用引導程序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