您的位置:首页 > 编程语言 > PHP开发

Yiibooster popover 鼠标置于popover上 不隐藏

2013-10-30 17:15 204 查看
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);
',
),
),
);?>


注意其中的data-toggle和 onmouseenter onmouseleave项
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: