Bootstrap popover箭头位置

时间:2013-03-29 00:22:10

标签: javascript twitter-bootstrap

当弹出内容拉伸它的大小时,引导弹出箭头有时会丢失其位置(弹出连接到的div的中心)。 我发现它是用tooltip.js脚本中的replaceArrow方法修复的。 问题是箭头选择器没有捕获只有.arrow类的箭头(不是.tooltip-arrow)

虽然我可以使用自定义标记来修复popover的行为,但我想问一下这是bootstrap中的错误还是我忽略了什么?

我想避免弹出窗口的自定义标记和自定义引导脚本,因为将来很难维护它。

arrow: function(){
   return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow")
   }

1 个答案:

答案 0 :(得分:-1)

你可以尝试一下。我有类似的情况,我从工具提示中删除箭头。

$(document).ready(function () {
    $(".yourCssClassHere").tooltip().on("mouseenter", function () {
        var $this = $(this),
        tooltip = $this.next(".tooltip");

        tooltip.find(".tooltip-arrow").css({
            display: "none"
        });
    });
});