jquery - Twitter Bootstrap 弹出窗口已损坏

Question

注意:

• jQuery 1.9.1
• Bootstrap 2.3.1
• WordPress 3.6 Beta 1 - 此问题仅发生在 WordPress 3.6 Beta 中

似乎弹出窗口在最新版本的 wordpress 中被破坏了，我有附加弹出窗口的元素的 html，以及使弹出窗口工作的 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 上。

在这个测试版中，他们显然添加了类 .arrow Twitter Bootstrap Popover 也使用了它。

我是如何解决的？

1. bootstrap.min.js:替换<div class="arrow">与 <div class="popover-arrow">
2. bootstrap.min.css:批量替换 .arrow与 .popover-arrow

希望对您有所帮助!