我已經(jīng)能夠使用以下代碼最終獲得一些工具提示：<a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a>接著<script> $('[rel=tooltip]').tooltip();</script>我遇到的問題是它使用的是jQueryUI工具提示（無箭頭，丑陋的大工具提示）而不是Bootstraps。我需要怎么做才能使用Bootstrap工具提示而不是jQueryUI？
3 回答
忽然笑
TA貢獻1806條經(jīng)驗 獲得超5個贊
jQuery UI和Bootstrap均使用tooltip該插件的名稱。使用$.widget.bridge創(chuàng)造了jQuery UI的版本不同的名稱，并允許引導(dǎo)插件留下來命名的工具提示（試圖使用noConflict的引導(dǎo)選項窗口小部件只是造成了很多的錯誤，因為它不能正常工作，這個問題已經(jīng)在這里報道）：
// Resolve name collision between jQuery UI and Twitter Bootstrap
$.widget.bridge('uitooltip', $.ui.tooltip);
因此，使它起作用的代碼：
// Import jQuery UI first
<script src="/js/jquery-ui.js"></script>
// Resolve name collision between jQuery UI and Twitter Bootstrap
$.widget.bridge('uitooltip', $.ui.tooltip);
// Then import bootstrap
<script src="js/bootstrap.js"></script>
不錯的復(fù)制粘貼代碼，它也可以處理按鈕沖突：
<script type="application/javascript" src="/js/jquery.js"></script>
<script type="application/javascript" src="/js/jquery-ui.js"></script>
<script>
/*** Handle jQuery plugin naming conflict between jQuery UI and Bootstrap ***/
$.widget.bridge('uibutton', $.ui.button);
$.widget.bridge('uitooltip', $.ui.tooltip);
</script>
<script type="application/javascript" src="/js/bootstrap.js"></script>
慕斯709654
TA貢獻1840條經(jīng)驗 獲得超5個贊
這對我有用：
如果您需要使用JQuery-UI，但要使用引導(dǎo)程序的工具提示，只需從此網(wǎng)站獲取定制版本的JQuery-UI 。
只需取消選中“工具提示”選項，然后下載它（它將類似于“ jquery-ui-1.10.4.custom.js”）。
只需將其添加到您的項目中，而不是將其添加到當(dāng)前正在使用的版本中，即可開始聚會了。這樣可以避免沖突。它對我來說就像一種魅力！
- 3 回答
- 0 關(guān)注
- 615 瀏覽
添加回答
舉報
0/150
提交
取消