jquery ui tooltip与bootstrap 3工具提示冲突

时间:2014-12-27 12:27:24

标签: twitter-bootstrap jquery-ui tooltip

我使用bootstrap 3进行项目布局。我还需要jquery.ui javascript文件,用于我页面的部分内容。问题是bootstrap和jquery ui都有tooltip函数,我想使用bootstrap工具提示,但是jquery ui工具提示出现了。有没有办法禁用jquery ui工具提示而不会对其他jquery ui函数产生任何影响?

4 个答案:

答案 0 :(得分:12)

解决方案非常简单。

 <script src="/js/lib/jquery-ui.min.js"></script>
 <script src="/js/lib/bootstrap.min.js"></script>

在加载bootstrap之前加载jQuery,一切都会好的! 为我工作。

答案 1 :(得分:6)

只需从jquery-ui中包含您需要的内容!转到http://jqueryui.com/download/,只选择您真正使用的内容(显然没有tooltip)。

答案 2 :(得分:2)

我也面临着同样的问题,并且找到了解决方法。

 <script src="/js/lib/bootstrap.min.js"></script>
 <script>var bootstrapTooltip = jQuery.fn.tooltip;</script>
 <script src="/js/lib/jquery-ui.min.js"></script>
 <script>jQuery.fn.tooltip = bootstrapTooltip;</script>

这将覆盖jquery-ui的工具提示,并使用引导程序的工具提示。

答案 3 :(得分:1)

<div *ngFor="let col of cluster; let iCol = index" class="col-sm-4 offset-sm-2 col-md-4 offset-md-0">
    <div *ngFor="let row of col; let iRow = index">
       <div *ngIf="(cluster.length < 2 && cluster[0].length < 4)">
            <p>Test</p>
       </div>
    </div>
</div>

是一个修复程序,由于UI btton或任何css插件可能无法正常运行,因此无法长时间运行。不解决。