草庐IT

$bootstrap

全部标签

javascript - 在 Bootstrap 中以模式打开放大图像

如何使用jquery/js和非数据属性在模态中打开/放大图像?每当用户将图像插入内容编辑器时,我都需要它可以点击以在带有js的模态中展开,因此我不能依赖用户输入他们不知道如何使用的数据属性。我试过:-ClicktoEnlargejQuery:-$("#pop").on("click",function(){$(this).modal();});我是否需要向jquery添加信息以传递图像源以显示在模态中?谢谢!!! 最佳答案 如果你使用的是bootstrap3,你可以试试这段代码:HTMLClicktoEnlarge×Cl

javascript - 单击外部时隐藏 Angular UI Bootstrap 弹出窗口

我正在尝试手动关闭Bootstrap弹出窗口,以便在我单击document或body上的任何位置时将其关闭,这不是弹出窗口。我发现最接近完成此操作的方法是创建指令(foundthisanswer),但如果变量为true或false,则这是用于手动触发.谁能帮我弄清楚如果我单击不是弹出窗口的任何内容,如何关闭它?我不介意使用jQuery$(document).click(function(e){});我只是不知道如何调用关闭。+通常popover-trigger="focus"可以解决问题,但是我的弹出框包含需要点击的内容。我的弹出窗口中有一个ng-click,如果我使用focus触发器

javascript - 单击链接后关闭 Bootstrap 下拉列表

我在下面有一个Bootstrap下拉菜单。它有一个连接到knockout.js绑定(bind)的链接,该链接返回false,因为我不想将#标记发送到浏览器URL。但是,这样做并不会在我单击链接时关闭下拉菜单。有什么办法解决这个问题吗?HTMLExport@foreach(varexportUrlinModel.ExportUrls){@exportUrl.Key.GetDisplayName()}knockut.js绑定(bind)ko.bindingHandlers.download={init:function(element,valueAccessor){varvalue=ko.

javascript - 推特 Bootstrap : Print content of modal window

我正在使用Bootstrap开发一个网站,该网站有28个模态窗口,其中包含不同产品的信息。我希望能够在打开的模式窗口中打印信息。每个窗口都有一个id。X5000ControlPanel&RadioHubClose因此,如果我在modal-footer中添加一个新按钮-“打印”,并且单击它我希望打印该模态。我说将使用javascript是否正确?如果是这样,我如何告诉javascript只打印打开模式,而不打印其他模式?感谢所有帮助。 最佳答案 另一种解决方案这是一个基于BennettMcElweeanswer的新解决方案在sameq

javascript - 如何将 Twitter Bootstrap 工具提示添加到图标

我会从twitterbootstrap添加一个右工具提示到一个图标元素。代码是这样的:SensorsPermissions我希望,当光标位于图标上时,会显示带有一些信息的右侧工具提示...我该怎么办?包含tooltip.js库并在图标代码中放置一个元素还不够吗?我很困惑。谢谢。 最佳答案 我最近是这样使用它的:产生:您可以通过使用js声明来设置工具提示和其他功能(延迟等)的定位:$(document).ready(function(){$("[rel=tooltip]").tooltip({placement:'right'});}

javascript - 如何使用 Twitter Bootstrap 中的弹出框来显示图像?

TwitterBootstrap的弹出窗口功能的典型示例是带有标题的类固醇工具提示。HTML:hoverforpopoverJS:$("#blob").popover({offset:10});我想使用弹出框来显示图像。这可能吗? 最佳答案 非常简单:)hoverforpopovervarimg='';$("#blob").popover({title:'Look!Abird!',content:img,html:true});http://jsfiddle.net/weuWk/ 关于j

javascript - 在我的鼠标移入之前,我如何保持 Twitter Bootstrap Popover 打开?

我有一个使用TwitterBootstrapPopoverversion1.3.0的链接显示一些信息。此信息包含一个链接,但每次我将鼠标从链接移到弹出窗口时,弹出窗口就会消失。如何让弹出窗口保持打开足够长的时间以使鼠标能够移入其中?然后当鼠标移出link和popover时,隐藏?或者是否有其他插件可以做到这一点? 最佳答案 使用Bootstrap(用版本2测试)我想出了以下代码:$("a[rel=popover]").popover({offset:10,trigger:'manual',animate:false,html:tru

javascript - 如何在关闭时重置 Bootstrap 模式并再次打开它?

我在Bootstrap模式中有一个列表框和一个按钮。单击按钮时,将在模态的div内呈现一个新按钮。当我关闭模态并重新打开它时,在模态上执行的最后一个操作(如之前呈现的按钮)仍然存在于模态中。如何重置模式,以便当模式再次打开时,按钮不存在,用户可以再次从列表框中选择选项并单击按钮以呈现新按钮等。×CloseSelectLanguageCloseSubmit$("#submit_form").on("click",function(){$(".modal-body1").html("test");});$(function(){$(".modal-footer").click(

javascript - Bootstrap-select - 如何在更改时触发事件

我正在使用Bootstrap3.0.2和Bootstrap-select插件。这是我的选择列表:PetrKarelHonzaNovákDavidEgydySlávaKovářHanaSkalickáSimonaKolářováKateřinaSychováAmálkaSychováJanaSychováMagdalénaSychováTerezaSychováBohdanaSychová这是我的JavaScript://inicializationofselectpicker$('.selectpicker').selectpicker();//onchangefunctioninee

javascript - 如何定位 Bootstrap 弹出窗口?

我正在尝试为位于960像素宽网页右上角的触发器定位Bootstrap弹出窗口。理想情况下,我会将它放在底部并使用CSS移动箭头(因此箭头位于弹出框的右上角)。不幸的是,'placement':'bottom'定位是不够的,因为它会将其置于触发器下方的中心。我正在寻找将弹出窗口静态放置在触发器左侧下方的解决方案。 最佳答案 这行得通。已测试。.popover{top:71px!important;left:379px!important;} 关于javascript-如何定位Bootstr