Yiibooster popover 鼠标置于popover上 不隐藏

来源:互联网 发布:淘宝个人交易信息卖家 编辑:程序博客网 时间:2024/05/22 06:24


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项



原创粉丝点击