Twitter引导程序弹出破坏

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“live”开发环境。

有人可以告诉我发生了什么事吗？

Answer 1

我确认两个样式表（Bootstrap＆amp; 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

希望有所帮助！

Answer 2

Bootstrap也会要求您下载popover插件，因此请确保已实现该插件。或者甚至转到自定义引导程序页面，并确保选择 选项。

Answer 3

实际上你的代码没有问题，你已经正确实现了它，问题是 twitter bootstrap css和wordpress css崩溃，你必须通过制作bootstrap css来自定义它，尝试删除wordpress css或将bootstrap css设为!important ...这个技巧可能对你有用......