在jQuery中改变popover样式

时间:2015-11-25 16:15:11

标签: jquery twitter-bootstrap css3 twitter-bootstrap-3

在悬停时触发Popover,我想在jQuery中更改popover的样式。

我可以在其悬停时获取popover对象的实例,

$("[rel='popover']").on('show.bs.popover', function () {

    if('some condition here'){

      $(this).popover({

       });
    }

});

我的CSS,

.popover{
  max-width: 500px;
 }

如何覆盖弹出窗口实例的css中定义的max-width属性?

1 个答案:

答案 0 :(得分:0)

有关如何获取popover元素的信息,请参阅此文章:Get popover width in jquery

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

然后你可以使用:

$(myinstance).css('max-width', myvalue); 

更改宽度。

演示这个JSFiddle:https://jsfiddle.net/0ktLfzp7/