Twitter引導程序彈出窗口已損壞

Question

注意：

• jQuery 1.9.1
• 引導程序2.3.1
• WordPress 3.6 Beta 1-此問題僅在WordPress 3.6 Beta中發生

似乎popover在最新版本的wordpress中是壞的，我具有附加了popover的元素的html，以及使popover起作用的jquery。

圖片

萬一您看不到它，彈出箭頭會向左移動並且幾乎是不透明的

該特定元素的HTML：

<div class="control-group">
    <label class="radio">
        <input type="radio" class="regular" name="aisis_options[posts_display]" value="regular_posts" checked=""> Display normal index of posts. 
        <a href="#" id="regularPosts" rel="popover" data-content="This is a regular list of posts, it comes with a sidebar and pagination." data-trigger="hover" data-original-title="Display as Regular Listing">
            <i class="icon-info-sign"></i>
       </a>
    </label>
</div>

jQuery的：

$("#regularPosts").popover({ html : true });

我不知道還能向您顯示什么，因為我無法給您管理員訪問我的WordPress“實時”開發環境的權限。

有人可以告訴我怎么回事嗎？

Answer 1

我確認兩個樣式表（Bootstrap和Wordpress load-styles.php）之間的沖突出現在WordPress 3.6 Beta 1上 。

在此Beta版本中，他們顯然添加了.arrow類，Twitter Bootstrap Popover也使用了該類。

我該如何解決？

1. bootstrap.min.js ：將<div class="arrow">替換為<div class="popover-arrow">
2. bootstrap.min.css ：用.popover-arrow大量替換.arrow

希望有幫助！

Answer 2

Bootstrap還會要求您下載popover插件，因此請確保已實現。 甚至轉到自定義引導頁面，並確保已選擇您的選項。

Answer 3

好吧，實際上它們在您已正確實現的代碼中沒有問題，問題在於twitter引導css和wordpress css崩潰了，您必須通過使bootstrap css對其進行自定義，嘗試刪除wordpress css或將bootstrap css設置為!important也許這個技巧對你有用