草庐IT

Bootstrap 徽章(Badges)

全部标签

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();}); 最佳答案 我找到了解决方案,只是张贴在这里,以

javascript - 选择后 Bootstrap 日期选择器返回焦点

如果你初始化一个bootstrapdatepickerfrometernicode使用autoclose:true,会发生两种不良行为:选择器关闭后,当您跳转到下一个字段时,您将再次从文档的开头开始。这在长表单上可能会非常麻烦。因为选择器以编程方式更改值,所以您拥有的任何关心输入上的模糊事件的监听器都不会正常运行。当您选择选择器值并且输入的值未更改时,实际上会发生模糊。然后bootstrap-datepicker以编程方式更新该字段,因此永远不会用新值触发模糊。这是堆栈片段中的演示:*选择任何字段,从选择器中选择一个值,然后点击Tab$(".datepicker").datepicke

javascript - 在 Bootstrap Datetimepicker 中更改方向

我正在尝试更改BootstrapDatetimepicker的方向我什至尝试使用this但我得到:optionorientationisnotrecognized我在html中对datetimepicker的定义是:在javascript中我有这样的东西来改变语言:$('.input-group.date').datetimepicker({locale:"es",});我尝试添加location:'bottomauto'但没有任何反应。 最佳答案 在阅读了很多帖子和文档之后,我成功了!对于future的访客,可以阅读所有可用选项h

javascript - react-bootstrap 中的 controlId 是什么

我刚刚浏览了React-bootstrapformcontrolId的用途是什么?它类似于我们在旧版中使用的name吗?>whatistheuse?validationState={this.getValidationState()}>WorkingexamplewithvalidationValidationisbasedonstringlength. 最佳答案 你可以找到它hereinthev3docs:SetsidonandhtmlForon.基本上是输入的id和标签的for属性。

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - 在 Twitter Bootstrap Popover 中使用 jQuery 选择元素

我将以下内容放在TwitterBootstrap弹出窗口中,其中包含一个我想监听其点击次数的链接:click我正在使用一个按钮来显示包含上述内容的弹出窗口:Revealpopover然后我将该按钮与弹出窗口相关联并使用jQuery的click()函数来尝试监听对弹出窗口中包含的链接的点击:$(function(){$('#trigger').popover({html:true,content:function(){return$('#popover-content').html();}});$('#link').click(function(){alert('beep');});})

javascript - mapbox.js 没有完全在 Bootstrap Modal 中呈现

我正在尝试使用mapbox.js制作经纬度选择器我需要将这张map放在一个模式框中,当我点击“选择位置”按钮时它会打开。但是,当此模式打开时,map并未完全呈现。这是我的代码:×Chooselocationlatitudelongitude脚本varmap=L.mapbox.map('map','examples.map-9ijuk24y').setView([0,0],2);//gettheforminputswewanttoupdatevarlatitude=document.getElementById('latitude');varlongitude=documen