jquery – Twitter Bootstrap popover触发器:如何设置多个触发器?

前端之家收集整理的这篇文章主要介绍了jquery – Twitter Bootstrap popover触发器:如何设置多个触发器?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用 http://twitter.github.io/bootstrap/javascript.html#popovers.我可以设置触发器任何一个点击|悬停|焦点|手册.有没有办法设置多个触发器?我想使用悬停和焦点.

解决方法

通过定义自己的事件处理程序并通过API显示/隐藏popover来完成这一点很容易:

HTML:

<input id='no-popover' type='text' />
<input id='has-popover' type='text' placeholder='hover or focus me' />

JavaScript的:

var showPopover = function () {
    $(this).popover('show');
},hidePopover = function () {
    $(this).popover('hide');
};

$('#has-popover').popover({
    content: 'Popover content',trigger: 'manual'
})
.focus(showPopover)
.blur(hidePopover)
.hover(showPopover,hidePopover);

示例:http://jsfiddle.net/Xqx8P/

原文链接:https://www.f2er.com/jquery/176722.html

猜你在找的jQuery相关文章