草庐IT

ng-bootstrap

全部标签

javascript - 我是未定义的 [bootstrap 4]

我正在通过CDN使用bootstrap4.1.x问题是在我加载页面的一半时间里,JavaScript会抛出错误:TypeError:iisundefinedbootstrap.min.js:6:2691有时来自bootstrap的utils.js我使用JavaScript生成页面的HTML部分:document.getElementById("something").innerHTML=myString;这是实际的字符串:Logosometextmodaltitle×titlecourscollapsetextClose我是JavaScript的新手,所以也许我遗漏了一些明显的东西,但

javascript - Bootstrap 嵌套折叠仅在父折叠时发生事件

我有一个嵌套的BootstrapCollapse,其中显示的事件同时在父Collapse和子Collapse上触发。我需要它只触发父Collapse而不是child。$(document).ready(function(){$("#accordion2").on("shown",function(){alert("shown!");});});这是一个例子:http://jsfiddle.net/xb9K6/ 最佳答案 您可以使用event对象的stopPropagation方法。$(".accordion").on("shown"

javascript - 如何在angularjs中对ng-disabled进行检查?

我正在使用fuelUXWizard和Angular。我希望基于此Controller方法启用或禁用下一个按钮:$scope.canMoveForward=function(){switch($("#moduleWizard").wizard("selectedItem").step){case1://checkifthemoduleonthefirststepisvalid*/return$scope.validSelection&&$scope.linkedPredicateForm.$valid;case2://checkifthetableisemptyreturn!linkin

javascript - AngularJS ng-options 默认选择的选项

这个问题在这里已经有了答案:HowtohaveadefaultoptioninAngular.jsselectbox(23个回答)关闭8年前。如何使用ng-options设置默认选项?我已经在Controller中设置了它(使用Controller作为语法):this.myOption=this.myOptions[0];但是,这仍然返回一个空白的默认选项:如何将默认选项设置为模型中的第一个值(“项目1”)?Here'saJSBindemo.

javascript - 在大分辨率下禁用 Bootstrap 3 折叠 Accordion 中的切换选项

是否可以仅在较大的分辨率下禁用Bootstrap折叠Accordion的切换功能?目标是让Accordion在小分辨率下折叠并带有切换状态的选项,并在大分辨率下展开而没有切换状态的选项。使用Bootstrap内置功能来实现这一目标的最佳方式是什么?我已经用我现在的东西制作了一个Fiddle演示。我不擅长JS。JSFiddle演示:http://jsfiddle.net/1crojp98/1/HTML:Panel1Loremipsumdolorsitamet,consecteturadipiscingelit.Uttristiquelaoreetdui,idporttitoripsumc

javascript - $scope 的方法通过 ng-click 调用 : executed twice by IE

在我的Controller中:$scope.homeAction=function(){console.log("HomeAction");};在我看来:callhomeAction()单击按钮时,Chrome和Firefox会按预期执行该方法,但IE会执行两次。知道为什么吗?这是一个重现问题的plunker:http://plnkr.co/edit/pedZKjIVGDAYfMl0ZphJ. 最佳答案 只需将type="button"添加到您的按钮,它就会被修复。默认行为是提交,这显然会扰乱您的代码。callhomeAction(

javascript - Bootstrap 3 - 从另一个模态打开模态

是否有可能在Bootstrap3中从另一个模态打开模态?我有模态窗口,其中包含从外部html文件加载的内容。我正在打开模态窗口。我有一个表格要提交。单击提交按钮后,我想使用新的模式窗口(以及来自另一个html文件的新内容)进入下一步。据我所知,您不能同时拥有两个模态窗口,因此我必须关闭第一个模态窗口,然后再打开第二个模态窗口。问题是我必须在第一个模式中单击提交按钮后做。我尝试在提交按钮上使用data-dismiss="modal"和data-toggle="modal"属性,但它们只隐藏了第一个模态,背景仍然是黑暗的,没有任何反应。 最佳答案

javascript - 无法使 Bootstrap 与 Webpack 一起工作

我正在使用webpack-dev-server并尝试包含Bootstrap。我有这个项目结构:──css│  └──bootstrap.min.css│──js|└──bootstrap.min.js├──dist├──index.html├──package.json├──server.js├──src│  ├──actions.js│  ├──App.js│  ├──components│  ├──constants│  ├──index.js│  └──reducers.js└──webpack.config.js这是index.html:每当我运行服务器时,我都会收到以下类型的

javascript - 悬停和焦点上的 Twitter Bootstrap 工具提示

TwitterBootstrap工具提示触发器默认为悬停。我可以添加data-trigger="focus"使工具提示显示在焦点上,但我如何同时进行悬停和焦点显示? 最佳答案 你试过data-trigger="focushover" 关于javascript-悬停和焦点上的TwitterBootstrap工具提示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/13572737/

javascript - bootstrap collapse 只切换一次

我又一次在这里拉扯我的头发...所以我有bootstrapcollapseworkingwithjsFiddle(http://jsfiddle.net/rasreye/xtPtH/1/)-但是当我添加到我的网站时,它只会崩溃一次...(即单击它打开的标题,再次单击它关闭,再次单击然后什么都没有)这是指向存在问题的实际页面的链接:http://www.urbanoffering.com/custom-optimizations这是JS//$(document).ready(function(){location.hash&&$(location.hash+'.collapse').co