草庐IT

popovers

全部标签

javascript - Bootstrap3 popover data-trigger=focus 在弹出窗口中单击 <select> 输入时关闭弹出窗口

我正在使用Bootstrap弹出窗口并有一个弹出框内的字段,以便用户更改语言。如果他们在弹出窗口外单击,我希望它消失,所以我使用了data-trigger="focus"中的属性标记来完成此操作。但是,如果他们点击下拉菜单,弹出窗口会在他们单击语言之前消失。以下是供您引用的Bootstrap-非常感谢您的帮助。http://www.bootply.com/SEM4ophIhxJavascript:$(function(){$('[data-toggle="popover"]').popover()})$(function(){$('[rel="popover"]').popover({

javascript - 使 bootstrap popover 出现在与其触发器不同的元素上

我正在尝试让单个“下一步”按钮创建不同的弹出窗口(弹出窗口1、2、3等...):每个弹出窗口都应该显示为附加到页面上的不同div。我们正在尝试创建一个“TakeaTour”功能,其中不同的功能由不同的弹出窗口解释。 最佳答案 手动显示/隐藏弹出窗口。单击“下一步”按钮时,按顺序显示和隐藏弹出框:varcurrentPopover=-1;varpopovers=[];//Initializeallthepopoverstobe"manually"displayed.popovers.push($("#ctrl1").popover({

javascript - Bootstrap Popover 内容在隐藏时可点击

我的网站在map上有多个带有可点击图标的弹出框(只是一个带有背景图片的div):单击这些图标时,会显示一个弹出窗口。这个弹出窗口有一个轮播,其中包含带链接的文本:当我在弹出窗口外单击时,所有弹出窗口都被隐藏。这应该可以正常工作。我从thisStackOverflowquestion得到了代码。但是当您在弹出窗口外单击以再次隐藏它时,真正的问题出现了。弹出窗口已隐藏,但它仍在DOM中。这意味着链接仍然可以点击!当我单击加号图标隐藏弹出窗口时,弹出窗口被隐藏(已删除?),但是当单击加号之外(即页面上的任何位置)时,弹出窗口仍然存在(但不可见)就在上方.求助!这让我很恼火..:(编辑:可能值

javascript - 在 Twitter Bootstrap Popover 中使用 jQuery 选择元素

我将以下内容放在TwitterBootstrap弹出窗口中,其中包含一个我想监听其点击次数的链接:click我正在使用一个按钮来显示包含上述内容的弹出窗口:Revealpopover然后我将该按钮与弹出窗口相关联并使用jQuery的click()函数来尝试监听对弹出窗口中包含的链接的点击:$(function(){$('#trigger').popover({html:true,content:function(){return$('#popover-content').html();}});$('#link').click(function(){alert('beep');});})

javascript - Bootstrap .popover ('show' ), .popover ('hide' ) 不工作。将其绑定(bind)到点击作品

我有一个绑定(bind)到弹出窗口的按钮。当有人点击弹出窗口中的一个表情符号时,我想隐藏弹出窗口。但是,$("#smiley").popover('hide')不起作用。不幸的是,我无法用准系统代码重现这一点——它只发生在实时站点上,即https://coinchat.org相关代码:$("#smiley").popover({html:true,trigger:'click',placement:'top',content:smileyContent,title:'Smilies'});稍后在函数中..$("#smiley").popover('hide');//notworking

javascript - 如何提取 Bootstrap 的 Popover 功能?

我有一个需要弹出窗口功能的非Bootstrap项目。我想使用bootstrap的弹出窗口,但不想包括所有bootstrap,因为我只会使用这一项功能。我也乐于接受关于不同的独立弹出窗口小部件的建议。这里描述了Bootstrap的弹出窗口,并附有示例:http://getbootstrap.com/javascript/#popovers我的问题是:我需要从源代码中提取哪些bootstrapCSS定义?自thebootstrapcustomizerisnotyetavailable,我是否只需要使用文件tooltip.js,或者是否有其他一些我需要包含的基本js文件?谢谢!

javascript - 当用户在 Popover 外部单击时关闭 Bootstrap Popover

我有一些动态加载到包含弹出窗口的网页上​​的内容。出于这个原因,我必须将它们绑定(bind)到body上,以便它们正确加载和显示。我想找到一种方法来在用户点击弹出窗口外或另一个弹出窗口触发器时隐藏弹出窗口。我发现,如果我“隐藏”弹出窗口,弹出窗口确实会隐藏,但元素仍保留在DOM中。这意味着弹出窗口中的事件链接仍然是“可点击的”。如果我改为销毁弹出窗口,它会隐藏,但如果单击则无法重新激活。隐藏弹出窗口的唯一可靠方法是使用“切换”。这增加了确定要隐藏哪些弹出窗口的复杂性。请参阅thisJSFiddle所有这些代码。HTMLhttp://www.yahoo.com"class="some-p

javascript - "popover"Twitter Bootstrap css/javascript 库上的问题

我尝试使用TwitterBootstrap在我的网站上实现弹出窗口javascript,但我做不到。如果有人可以帮助我处理我的代码,我将不胜感激。在此先感谢您。...-->......ArquivoTamanhoDatamd5nimbus-opensource-backup-1.1.isonew332M16/09/11ver$(function(){$('a[rel=popover]').popover({html:true}).click(function(e){e.preventDefault()})})nimbus-opensource-backup-1.0.isodepreca

javascript - 如何在 bootstrap 4 中控制 popover-arrow 的位置

我正在尝试在bootstrap4中使用popover。我在右上角设置了切换按钮。首先,如果我在按钮上设置弹出窗口:$(function(){$('[data-toggle="popover"]').popover({placement:'bottom'})弹出窗口将显示为部分离开屏幕,如:然后我尝试在展示位置中使用“auto”而不是“bottom”,但在这种情况下,弹出窗口不起作用...之后,我再次在位置中使用“底部”并使用偏移将弹出窗口向左移动50像素并增加弹出窗口的宽度:$('[data-toggle="popover"]').popover({placement:'bottom'

javascript - Bootstrap javascript 或 popover 不工作

我的Bootstrap有问题。似乎JS无法正常工作,因为即使是最简单的弹出窗口示例也无法正常工作。(http://jsfiddle.net/weuWk/363/)如果在我的源代码中使用,这段在JSFiddle上正常工作的小代码只是创建一个按钮(没有悬停功能)。Modal-Plugin确实在工作,所以这应该意味着我以正确的方式包含了js文件。无论如何我都会复制它: 最佳答案 jQuery需要包含在bootstrap的javascript之前,因为bootstrap只是jQuery“插件”。您应该按此顺序包括:jQuery自举你的Jav