Bootstrap popover无法处理禁用的元素

Question

如果用户点击已禁用的元素，我希望显示popover。查看Bootstrap's guide，它表示将元素放在<div>内并将弹片转换为<div>。

我的代码是：

<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>

但是当我点击禁用按钮时，不会出现弹出窗口。

非常感谢任何帮助。

Answer 1

从按钮中删除重复的类属性，然后将与弹出窗口相关的所有数据属性移动到包装器div。别忘了添加标题数据属性。