Получить ширину popover в jQuery

Question

У меня есть popover, который отображается при наведении. Ширина popover будет соответствовать его содержимому.

$("[rel='popover']").on('show.bs.popover', function() { 
    //How to get popover width 
}); 

Я хочу получить ширину попугая при наведении указателя мыши.

Answer 1

Есть два способа:

ария-describedby атрибут

Вы можете получить элемент в поповер (и, таким образом, ширину), посмотрев на «ария-describedby» атрибут кнопки. Обратите внимание, что вы можете получить этот атрибут только после отображения popover.

Так,

$("[rel='popover']").on('shown.bs.popover', function() { 
    var popoverID = $(this).attr('aria-describedby') 
    console.log($("#"+popoverID).width()); 
}); 

.next()

Вы также можете получить объект с помощью JQuery .next(), снова после того, как поповер показано.

Так,

$("[rel='popover']").on('shown.bs.popover', function() { 
    console.log($($(this).next()).width()); 
});