Yiibooster popover 鼠标置于popover上 不隐藏
2013-10-30 17:15
204 查看
yiibooster bootstrap 的popover控件能够由hover触发,但是一旦想移动鼠标离开原button,进入popover时,popover控件就消失了,很多情况下我们期望它不消失。
注意其中的data-toggle和 onmouseenter onmouseleave项
<?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项
相关文章推荐
- BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
- 鼠标在导航栏移入移出的隐藏显示效果jquery
- Qt模拟全屏播放鼠标隐藏显示效果
- AS3 隐藏鼠标(通过自定义)
- 实现鼠标放到一个div上显示出另一个隐藏的div
- 隐藏你的鼠标
- yii实践 将index.php隐藏起来
- jq控制表格里的文字大小 超过隐藏 鼠标移上去提示
- 鼠标点击层以外的地方层隐藏
- C# WinForm 显示 隐藏 鼠标 .
- 前端实战——完美解决文本框超出内容用“……”表示,鼠标滑过时显示隐藏内容
- 鼠标移上去显示一个下拉,移开下拉隐藏
- 纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题
- 文字溢出隐藏,鼠标移入显示
- jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- 鼠标闲置一段时间后自动隐藏
- qt触摸屏隐藏鼠标指针
- 鼠标事件---显示隐藏的菜单