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无法在禁用元素上工作

回答

相关问题