草庐IT

Bootstrap 超大屏幕(Jumbotron)

全部标签

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 - jqueryui对话框使屏幕变灰

我正在使用jQueryUI(扩展?)并在页面上有一个简单的叠加层。Here'swhatIhavesofar无论如何,有没有内置的方法可以在对话框打开时使屏幕变灰?我知道您可以通过向页面附加另一个div来做到这一点,我想知道jQueryUI是否内置了类似的东西。我在API上找不到这样的东西,也许我漏掉了什么。 最佳答案 您可以使用对象文字指定对话框的选项。这些选项之一是模态的,它将在对话框后面的屏幕上放置一个覆盖层。此叠加层将阻止用户在对话框后面单击。$('#over').dialog({modal:true});示例:http://

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 - html2canvas - iframe 没有屏幕截图

我有一个任务需要在我的网页上加载URL(e.g.yahoo.com)并截取屏幕截图。我正在使用html2canvas截图并将其附加到页面正文。URL指定的页面已成功加载到div元素内的iframe中。但是当我尝试对其进行截图时,iframe区域变为空白。下面是previewURL和screenshot的代码。//topreviewtheURLcontentfunctionpreviewUrl(url,target){//usetimeoutcozmousehoverfiresseveraltimesclearTimeout(window.ht);window.ht=setTimeout

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