关于bootstrap的JavaScript插件中工具条问题

bootstrap中工具条中,如果要给disable.disabled添加工具条效果,需要给这个元素添加div,然后在给div应用tooltip,可是这个时候工具条的显示的位置就不在要添加的元素上了。

如图

上图中,是想给最后一个button元素添加工具条的效果,可是工具条确显示在如图位置,请问该如何设置呢?

<div data-toggle="tooltip" title="disabled Tooltip"> <button class="btn btn-default" disabled type="button"></button>
</div>

div设置css display:inline-block;
disabled的button 设置css pointer-events: none;

相关链接:
http://www.zhangxinxu.com/wor…
Demo:
http://jsbin.com/sasilihapa/e…

有两种解决方法:

  1. 就是不使用disabled属性,而是将disabled成为class属性的值,这样不需要包裹元素,也可以实现,不过这种方法的bootstrap的版本要求是v3版。

  2. 就是MaxWang的答案,对于任何版本都通用。

发表评论

电子邮件地址不会被公开。 必填项已用*标注