Bootstrap popover無法在禁用元素上工作

如果用戶點擊禁用元素，我想要顯示popover。查看Bootstrap's guide，它表示將元素放在<div>之內，並將彈出式廣告應用於該<div>。Bootstrap popover無法在禁用元素上工作

我的代碼是：

<div id="disabled"> 
    <button type="submit" class="btn btn-xs btn-info" disabled="disabled" id="edit" 
    class="btn ban-default" data-container="body" data-toggle="popover" 
    data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet 
    rutrum faucibus."> 
    <span class="glyphicon glyphicon-cog"></span>&nbsp; Edit</button> 
</div>

初始化頁面的頂部：

<script> 

$(document).ready(function() { 
    $("#disabled").popover() 
}); 

</script>

但是當我點擊禁用按鈕，酥料餅不會出現。

任何幫助將不勝感激。

來源

2016-01-10 Ben

從按鈕中刪除重複的類屬性，然後將與彈出窗口相關的所有數據屬性移動到包裝div。不要忘記添加標題數據屬性。 – Enrico

謝謝你的幫助，@Enrico。這是完美的。代表我的這種減重。請添加此作爲答案，我會標記它是正確的。 – Ben

不客氣，我們都犯錯誤 – Enrico

從按鈕中刪除重複的類屬性，然後將所有與popover相關的數據屬性移動到包裝div。不要忘記添加標題數據屬性。

來源

2016-01-10 11:43:01 Enrico

Bootstrap popover無法在禁用元素上工作

回答

相關問題