草庐IT

adsc_current_popover

全部标签

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

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

javascript - 咕噜声 : creating a zip file with the current date (AAAA-MM-DD)

我一直在寻找一种使用“grunt-contrib-compress”插件来命名带有当前日期的zip文件的方法。有办法实现吗?我正确安装了它,并设置如下:compress:{build:{options:{archive:'./zipped/foo.zip',mode:'zip'},files:[{src:'build/**'}]}}我想要一个以当前日期命名的压缩文件,以代替自定义名称“foo”:2014-09-25.zip 最佳答案 您可以尝试使用grunt.template.today()...compress:{build:{o

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 - 无法根据文档在 Angular ui-router 中访问 $state.current.data

我正在尝试动态更新页面标题。考虑这样定义的状态:$stateProvider.state('login',{url:'/login',templateUrl:'/templates/views/login.html',controller:'AuthCtrl',data:{title:'Login'}}在页面的HEAD部分:根据tothedocumentation,Iamsupposedtobeabletoaccessmycustomdataproperty:app.directive("pageTitle",function($state){return{restrict:'A',t

javascript - Bootstrap javascript 或 popover 不工作

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