twitter-bootstrap - 在"data is not a function" ( 工具提示) 中,jQuery UI + Bootstrap + noConflict结果

  显示原文与译文双语对照的内容
0 0

我必须修复 jQuery UI 和 Bootstrap 之间的冲突,因为我需要toltip函数。

这就是我所做

包括:

  1. jquery-1.7.2.min.js
  2. 用户界面内容
  3. Bootstrap ( v3.1.1个缩小)
  4. 解决冲突 js
  5. 另一个调用 Bootstrap 工具提示的js

这是我的修正:


$(document).ready(function() {
//Tooltip
 var bootstrapTooltip = $.fn.tooltip.noConflict();//return $.fn.button to previously assigned value
 $.fn.bootstrapTooltip = bootstrapTooltip;//give $().bootstrapTooltip the Bootstrap functionality

});

这是我的电话


$(document).ready(function() {
 $('.icon-tooltip').bootstrapTooltip();
});

这就是 html:


<a onclick="return false;" rel="nofollow" href="" class="icon-tooltip"
 title="{% trans from"...." %}landingpage......
 data-toggle="tooltip"
 data-placement="bottom"
 data-html="true">
 <i class="icon icon-help-circled"></i>
 </a>

What: 当用户悬停在 a.icon-tooltip 上时,工具提示显示为( 格式化格式),但继续将元素保留为错误"typeerror: ( 。) 这里类型的数据不是函数"。

这是 Bootstrap 中的位置: var c=b instanceof this.constructor?b:a(b.currentTarget)this.type.data("bs."+this.type) ;

时间: 原作者:

0 0

这是由于"工具提示"中的插件名相同。 你可以通过使用 $.widget.bridge 重命名 jQuery UI 中的函数名来修复它

检查 http://www.mycodezone.com/fix-bootstrap-tooltip-and-jquery-ui-tooltip-conflict/ 以获得完整详细信息。 我已经解决了我的问题。

原作者:
...