yiibooster bootstrap 的popover控件能够由hover触发,但是一旦想移动鼠标离开原button,进入popover时,popover控件就消失了,很多情况下我们期望它不消失。
<?php $this->widget('ext.bootstrap.widgets.TbButton', array(
'label' => "原button",
'htmlOptions' => array(
'data-title' => 'popover title',
'data-html' => true,
'data-width' => 600,
'data-placement' => 'bottom',
'data-content' => 'nice',
'data-toggle' => 'popover',
'data-trigger' => 'manual',
'onmouseenter' => '
var _this = this;
$(this).popover("show");
$(this).siblings(".popover").on("mouseleave", function () {
$(_this).popover("hide");
});',
'onmouseleave' => '
var _this = this;
setTimeout(function () {
if (!$(".popover:hover").length) {
$(_this).popover("hide");
}
}, 100);
',
),
),
);?>