2013-03-29 3 views
2

Бутстрап popover arrow иногда теряет свою позицию (центр div, к которому подключен popover), когда popovers контент растягивает его размер. Я обнаружил, что он исправляется с помощью метода replaceArrow из скрипта tooltip.js. Проблема заключается в том, что селектор стрелок не перехватывает стрелку, которая имеет только класс .arrow (не .tooltip-стрелка)Bootstrap popover arrow position

Хотя я могу исправить поведение с пользовательской разметкой для popover, я бы хотел спросить: это ошибка в бутстрапе или я что-то пропускаю?

Я хотел бы избежать пользовательской разметки для popovers и настройки скрипта bootstrap, поскольку его будет сложно поддерживать в будущем.

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

Если бы я тебя, я бы справиться с ней таким образом: Создать пример [JS Fiddle] (http://jsfiddle.net/) такого события, так что вы можете подтвердить, что это проблема с начальной загрузки и а не с CSS на вашем сайте. Если вы можете реплицировать проблему, откройте проблему здесь: https://github.com/twitter/bootstrap/issues Обязательно укажите ссылку на файл fiddle.js, и они должны иметь возможность обратиться к нему и сообщить, это то, что можно исправить или нет. – thomallen

ответ

0

Вы можете попробовать. У меня аналогичная ситуация, когда я удаляю стрелку из всплывающей подсказки.

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

     tooltip.find(".tooltip-arrow").css({ 
      display: "none" 
     }); 
    }); 
}); 
Смежные вопросы