Twitter引导弹出中断

Question

注：

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

在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-styes.php)之间的冲突出现在WordPress 3.6Beta1上。

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

我怎么修好的？

1. bootstrap.min.js：将<div class="arrow">替换为<div class="popover-arrow">
2. bootstrap.min.css：质量用.popover-arrow代替.arrow

希望这能帮上忙！

Answer 2

引导程序还要求您下载popover插件，所以请确保实现了该插件。甚至转到自定义引导页，并确保您的选项被选中了。

Answer 3

实际上，它们在您的代码中没有问题--您已经实现了它的正确性，问题是twitter引导css和wordpress css正在崩溃，您必须通过创建引导css来定制它，尝试删除wordpress css或使引导css成为!important.愿这个把戏对你有用..。