javascript - Bootstrap 弹出框箭头位置

Question

当弹出框内容拉伸(stretch)其大小时， Bootstrap 弹出框箭头有时会失去其位置(弹出框连接到的 div 的中心)。 我发现它正在使用 tooltip.js 脚本中的 replaceArrow 方法进行修复。 问题是箭头选择器没有捕捉到只有 .arrow 类(不是 .tooltip-arrow)的箭头

虽然我可以通过自定义标记修复弹出窗口的行为，但我想问一下这是 Bootstrap 中的错误还是我忽略了什么？

我想避免为弹出窗口自定义标记和自定义 Bootstrap 脚本，因为将来很难维护。

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

Answer 1

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

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

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