Twitter的引導提示不工作的按鈕

的JavaScript

$('.resetPrice').tooltip();

HTML

<button title="reset pricing" class="btn btn-mini resetPrice" type="button" id="ResetAA1-1-1"> 
    <i class=" icon-refresh"></i> 
</button>

任何幫助將不勝感激。

來源

2013-05-18 Julian Dormon

它應該從標題屬性拉。 –

現在工作嗎？ – PSL

不幸的不是。 –

這看起來並不像這裏有太多問題。 API版本2.x和3.0之間的API處理工具提示調用的方式沒有關鍵區別。

你可以閱讀更多有關工具提示的API 2.3.2和3.0

如果沒有進一步的信息，有兩件事情可能是：

您應該確保使用現成的文檔功能，並等待直到DOM被加載運行工具提示調用
請確保您已包含引導程序外部css和js文件（每個演示中可用）的適當引用
如果元素位於版本y在頁面頂部，並且您使用的是指向的默認工具提示，您將無法看到它。您必須將對象向下移動或使用placement選項。

此代碼應該工作正常

$(function() { 
    $('.resetPrice').tooltip(); 
});

這裏有一個2.3.2 fiddle和3.0 fiddle

兩個產生如下結果：

demo

看看你能不能複製任何進一步的問題並讓我們知道你是否仍然有麻煩ble

來源

2013-08-23 21:19:23 KyleMit

您是否啓用了工具提示JavaScript？如果沒有，那麼你需要在你的HTML的頭部以下：

<script type='text/javascript'> 
    $(document).ready(function() { 
    if ($("[rel=tooltip]").length) { 
    $("[rel=tooltip]").tooltip(); 
    } 
    }); 
    </script>

的引導頁，使特殊注意事項使用按鈕組工具提示：

「在使用上中的元素提示或popovers一個.btn-group，你必須指定選項容器：'body'來避免不必要的副作用（例如，當工具提示或彈出窗口被觸發時元素會變寬和/或失去圓角）。「

來源

2014-08-13 18:33:34 Illumin8s

Changed to 

    <button title="reset pricing" class="btn btn-mini resetPrice" type="button" id="ResetAA1-1-1"> 
     <i class=" icon-refresh" data-toggle="tooltip" title="Your Title" ></i> 
    </button> 

<script> 
$(document).ready(function() { 
     $('[data-toggle="tooltip"]').tooltip(); 
    }); 
</script>

來源

2015-02-24 09:43:36

嘿，爲什麼在圖標上的工具提示而不是按鈕？ –

Twitter的引導提示不工作的按鈕

回答

相關問題