草庐IT

popovers

全部标签

javascript - Bootstrap Popover 内部的 ngRepeat

我一直在网上搜索并绞尽脑汁,但似乎无法找到解决方案。我需要在ng-repeat内部制作一个弹出窗口,其中弹出窗口内部也会有一个ng-repeat。这是我目前拥有的JSFiddle,但是带有“phone.friends”的ng-repeat不起作用:http://jsfiddle.net/grzesir/Lq8ve/4/HTML:{{phone.name}}{{friend.name}}">hoverhereJavascript:varangularApp=angular.module('AngularApp',[]);angularApp.controller('MainControl

javascript - 如何将函数附加到 popover dismiss 事件(Twitter Bootstrap)

我已经进行了一些搜索,但我只能确定我可以attacheventstothebuttonsthatcauseittoclose.但是,这并不能处理用户只是点击其他地方的情况。我想在弹出窗口消失并被删除时触发一个事件。有人有什么建议吗?更新:我已经尝试了下面的答案,但无法让它工作,尽管它显然应该从jsfiddle示例中得到。可能与我正在使用的库和设置存在一些冲突。这是我使用的代码:this.$el.popover({html:true,title:'Scheduleanappointment',content:'',placement:placement}).popover('show')

javascript - 如何调整 twitter bootstrap popover 的大小?

我在我的mvc项目中使用Bootstrap。我对bootstrappopover小部件有疑问。我为popover小部件创建了一个自定义的knockout绑定(bind),这里是代码:Checkfiddleko.bindingHandlers.popover={init:function(element,valuesAccessor,allBindingsAccessor,viewModel,bindingContext){varoptions=ko.utils.unwrapObservable(valuesAccessor()||{});options.html=true;option

javascript - Bootstrap : popover on modals

我想使用来自Twitter的BootstrapCSS库在现有模态对话框上使用弹出效果。我将弹出窗口绑定(bind)到小图像图标。$('#infoIcon').popover({offset:50,placement:'right'});模态本身也是根据文档添加的:$('#modalContainer').modal({keyboard:true});但我得到的效果是,弹出窗口呈现在模态容器下方,而不是模态div上方(请参见下面的屏幕截图)。我怎样才能真正将弹出窗口置于模态div之上? 最佳答案 Bootstrap的人员将此问题确定为

javascript - 表行悬停的 Bootstrap 弹出窗口 : Not possible to click link inside popover

我有表格行,我在TwitterBootstrap弹出窗口中显示其他信息。我参与交互设计时的一些注意事项:悬停行时必须显示弹出窗口弹出窗口将包含1个或多个链接现在,链接部分是最难的部分。如果将鼠标从表格行移到弹出窗口(包含链接),弹出窗口将消失!我正在用这段代码创建弹出窗口:varoptions={placement:'bottom',trigger:'hover',html:true};$(this).popover()--假定包含链接的相关html已生成并放入data-content属性注意这个{placement:'bottom'}。为了能够将鼠标移动到弹出窗口,我尝试了{plac

javascript - 在 Popover 外部单击时隐藏 Bootstrap Popover

当用户点击弹出窗口外的任何地方时,我试图隐藏Bootstrap弹出窗口。(我真的不确定为什么Bootstrap的创建者决定不提供此功能。)我找到了以下代码ontheweb但我真的不明白。//Hidepopoveronclickanywhereonthedocumentexceptitself$(document).click(function(e){//Checkforclickonthepopupitself$('.popover').click(function(){returnfalse;//Donothing});//Clickingondocumentotherthanpop

javascript - AngularJS bootstrap popover 自定义指令

我使用bootstrap自定义弹出窗口创建了一个指令。这可以从用户输入组名,它有两个按钮用于将该值应用于模型并在工具提示上显示该值,还有一个按钮用于关闭弹出窗口。我正在使用popoverjava脚本事件,问题是单个popover工作得很好但是当我打开另一个popover时,这个popover不会自行关闭。在打开一个弹出窗口时需要帮助关闭其他弹出窗口。这是plnk显示指令。这是代码varapp=angular.module('myApp',[]);app.directive('customEditPopover',function(){return{restrict:'A',templa

javascript - Bootstrap popover 手动关闭需要点击两次才能重新打开

这个问题在这里已经有了答案:needclicktwiceafterhideashownbootstrappopover(8个答案)关闭6年前。我有一个Bootstrap弹出窗口,其中包含一个带有JS的元素,单击该元素时,使用Bootstrap网站上显示的手动方法关闭弹出窗口,即$('#element').popover('hide')但是,它需要在打开弹出窗口的元素上单击两次才能重新打开它。就好像它仍然认为弹出窗口正在显示,所以第一次点击是将其切换为关闭,然后第二次点击将其再次切换为打开。有谁知道如何使用JS正确关闭弹出窗口以避免这种情况?我创建了以下演示问题的fiddle。http:

javascript - 单击 popover 触发元素时如何关闭/关闭 Bootstrap Popover?

jsFiddle:http://jsfiddle.net/kAYyR/截图:这是有效的:点击按钮打开弹出框在弹出框外点击关闭弹出框点击.close按钮关闭弹出窗口但是...当您再次单击原始按钮时,我无法关闭弹出窗口。取而代之的是,弹出窗口会闪烁,然后再次闪烁。自己复制here.我怎样才能做到这一点?HTML:ClicktotogglepopoverThisrichhtmlcontentgoesinsidepopoverJS:$('#popoverId').popover({html:true,title:"PopoverTitle",content:function(){return$

javascript - 如何在 Angular2 中使用 Bootstrap Popover

我正在尝试使用Bootstrap3弹出框来显示Angular2插值模板。这可能吗?这是我目前所拥有的:$('.ba-header--user-menu').popover({placement:'bottom',toggle:'popover',trigger:'focus',html:true,content:'{{user.email}}'});这给了我这个: 最佳答案 JQuery和Angular不能很好地结合在一起。安装ng2-popover:npming2-popover并像这样使用它:elementonwhichthis