簡體   English   中英

Bootstrap JS可以使用,但不能使用工具提示

[英]Bootstrap JS works, but not tooltip

我已經確認我的bootstrap.js可以通過調用下拉菜單以及模式彈出窗口來工作。 它們都可以使用,但是當我嘗試使用工具提示時,它會失敗。 據我從此處的文檔了解,您只需要輸入以下內容:

<a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a>

但是,根本沒有工具提示出現。 但是,我使用與以下相同的API調用的下拉菜單有效:

<div class="dropdown">
    <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
        Dropdown
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        ...
    </ul>
</div>

您使用的工具提示不正確。 您只需要提供title屬性-工具提示插件即可設置data-original-title本身。

另外,從文檔中:

出於性能原因,選擇使用工具提示和popover數據API,這意味着您必須自己對其進行初始化。

因此,請執行以下操作:

$('[data-toggle="tooltip"]').tooltip()

作為一個包羅萬象的東西。 不過,您很可能希望選擇較少的元素來保持良好的性能。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM