草庐IT

gwt-bootstrap

全部标签

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 - GWT - ListBox,如何预览 changeEvent

我正在努力实现一个ListBox,我希望能够在用户在ListBox中进行选择时提醒他们。有没有办法响应用户单击列表框中的项目,并在“changeEvent”发生之前响应选择,这样我就可以防止changeEvent被触发。我试过使用Event.addNativePreviewHandler(newNativePreviewHandler(){@OverridepublicvoidonPreviewNativeEvent(NativePreviewEventevent){System.out.println("EVENT:"+event.getTypeInt());}});但这从不响应单击

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

javascript - 单击 Angular UI Bootstrap 单选按钮

我正在尝试使用在UIBootstrap中实现的单选按钮,通过在按钮上包含一个ng-click来触发一个功能。显然,单选按钮变量在函数被调用后更新。我创建了一个Plunker来显示此行为并解释函数使用变量内容触发警报的问题。RadioButtonsPlunker有没有简单的方法可以解决这个问题。也许通过使函数等待变量更新... 最佳答案 是的,简单的修复。在单选按钮上使用ng-change而不是ng-click。参见http://plnkr.co/edit/0Jf4qrpHAXY8MeeVA3kl?p=preview

javascript - 包含 iframe 的页面上的 Bootstrap 3 导航栏

我的Bootstrap3上的导航栏有问题。在页面上添加iframe时,它不会展开,我无法导航(在小屏幕上)。然而,最大化窗口(大屏幕)显示导航栏在那里,所有元素都可用且可点击。没有iframe,一切都按预期工作。谁能想象,为什么?这对我来说似乎很奇怪......如有任何指点,我将不胜感激。干杯:-)编辑:一些代码。不要被html中的django代码碎片弄糊涂了。他们工作正常。Edit2:我还注意到现在我的页脚没有显示在包含iframe的同一页面上。注释掉iframe,一切正常。为什么会这样?没有人吗?内嵌框架:导航栏:TogglenavigationCamerataSerena{%fo

javascript - 带有进度条的 Bootstrap 导航选项卡

我正在构建一个注册系统,并且在该页面中有一个进度条和一个引导导航选项卡。我正在尝试设置JQuery,以便进度条随着导航选项卡前进。这是一个视觉效果。我尝试使用hasClass和addCLass函数想出一个简单的ifelse条件jquery,但从未取得进展。像这样:$(document).ready(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){if(".nav-tabs")hasClass(".active");{$(".checkout-barli").addClass("active");}})

javascript - Twitter Bootstrap 的工具提示问题

我正在使用twitterbootstrap3来显示tooltip">它显示得很好,但是当我将鼠标悬停在它上面时,它会将每个单元格向右移动。如何解决?我附上了两张快照,您可以看到它正在向右移动。编辑我在这里添加了一个测试表,它的作用是在下一个td中显示工具提示,并且那个td的数据向右移动。SerialNameRating1Aphp2BC#这里是js$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip();}); 最佳答案 我找到了解决方案,只是张贴在这里,以