草庐IT

Bootstrap 徽章(Badges)

全部标签

javascript - 刷新 Bootstrap 表

问题是我无法在完成注册后让表(bootstrap-table)更新数据。我正在尝试通过JS来完成,但没有成功。我尝试了以下方法:JS$.post($form.attr('action'),$form.serialize(),function(result){if(result.status=="true"){$(location).attr('href',result.acao.url);}else{$('#cargo').formValidation('resetForm',true)$('#cadastroCargo').modal('hide')//ATTEMPTREFRESHB

javascript - Bootstrap 获取 div 列的宽度(以像素为单位)

我正在使用Bootstrap设置一个页面。我的布局工作得很好,但其中一个元素是美国的可缩放map(使用d3)。我使用的缩放功能需要div的宽度和高度(以像素为单位),以便计算如何平移和缩放map。我试过使用百分比,但我什么也做不了。有什么方法可以动态获取div的高度和宽度。我搜索了所有内容,但搜索词太笼统(或者我不够聪明,无法正确表达)。或者,我还可以通过其他方式获得必要的值。这是我使用硬编码宽度和高度的实现(如果页面调整大小,这将不起作用)。//makethemapelementvarwidth=1000;varheight=1000;varsvg=d3.select("#Map")

javascript - 无法关闭 ng-bootstrap 模式

所以我有一个NgbModal,里面有一个表单,我想要实现的是在成功提交时关闭它。这是我的模态组件:@Component({selector:'create-update-transaction',templateUrl:'./CreateOrUpdateTransaction.html',providers:[AccountTransactionsService]})exportclassCreateOrUpdateTransactionComponent{closeResult:string;modalRef:NgbModalRef;@Input()transaction:Trans

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - 当我将 bootstrap 2.0 bootstrap-dropdown.js 添加到我的 js 插件列表时出现错误

这是我当前的javascript包含它工作正常,但当我添加bootstrap-dropdown插件时。我从bootstrap-dropdown文件中得到一个错误(firebug控制台)。--$("html").onisnotafunction[BreakOnThisError]$('html').on('click.dropdown.data-api',clearMenus)--不太确定我在这里做错了什么或者我没有捕获/得到什么。哦,顺便说一下,旧的Bootstrap下拉菜单对我有用。 最佳答案 您需要升级到jQuery1.7.1。

javascript - 如何使用 Twitter Bootstrap 2.0 验证输入字段并应用错误类?

我有一个像下面这样的字段:LastName我正在尝试使用以下jquery来验证一些输入并在需要时添加错误类:vardiv=$("#lname").parent("div.control-group");....div.removeClass("success");div.addClass("error");理想情况下,我需要遍历多个输入并选择字段来进行验证。我当前的代码没有添加错误类。知道为什么吗? 最佳答案 你应该使用parents方法而不是parentvardiv=$("#lname").parents("div.control

javascript - Twitter Bootstrap (v2.2.1) 下 zipper 接在移动设备上不起作用

我有一个TwitterBootstrap(v2.2.1)可折叠导航栏和下拉按钮。它们在我的桌面浏览器中工作得非常愉快,而且如果我将桌面浏览器窗口缩小到移动尺寸,它们也能愉快地工作。但是在移动设备上,当您点击下拉菜单时,下拉菜单会打开,但点击下拉菜单中的任何链接只会导致下拉菜单关闭,而不会点击链接。这似乎类似于thisotherSOquestion,但解决方案是将data-toggle="dropdown"移动到我已有的位置。这是下拉按钮页面上的html:DropdownbuttonRecentGoogleBing/***TwitterBootstrapJQuery*///!functi

javascript - 输入类型复选框在 Bootstrap 模式中不起作用

为什么Bootstrap模式中的复选框不起作用?我使用这段代码使其工作但仍然有问题documentBody.on('click','.checkInp',null,function(e){varcheckbox=$(this).find(":checkbox"),checked=checkbox.is(":checked");checkbox.prop("checked",!checked);});documentBody.on('click','.checkInp:checkbox',null,function(e){$(this).parent('span').trigger('c

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

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

javascript - Bootstrap 3.1.0 : affix too long

我正在使用Bootstrap3.1.0。当“词缀”对于视口(viewport)来说太长时,它会被切断,永远不会显示底部项目。是否有可能让Bootstrap的词缀以用户仍然可以从上到下滚动完整词缀的方式运行?有问题的例子:Longlistwithmanyentries...29.Last...regularcontentIhopemyjsFiddleexemplifiesthisproblem. 最佳答案 希望对你有帮助:只需添加一个overflow-yJsfiddle:http://jsfiddle.net/Ja3XT/1/添加的C