Yiibooster popover 鼠标置于popover上 不隐藏

YiiBooster中的BootstrapPopover在鼠标移开触发按钮时会自动关闭,但在某些场景下希望保持其显示状态。本文探讨如何实现Popover在鼠标悬停其上时不会隐藏。
摘要由CSDN通过智能技术生成


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项



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值