1

笔记：

  • jQuery 1.9.1
  • 引导程序 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“实时”开发环境的管理员访问权限。

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

4

3 回答 3

1

我确认两个样式表（Bootstrap 和 Wordpress load-styles.php）之间的冲突出现在WordPress 3.6 Beta 1上。

在这个 beta 版本中，他们显然添加了.arrowTwitter Bootstrap Popover 也使用的类。

我是如何解决的？

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

希望有帮助！

于 2013-04-18T12:28:49.137 回答
0

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

于 2013-04-06T06:27:59.300 回答
-1

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

于 2013-04-06T06:53:52.650 回答