草庐IT

bootstrap-material-design

全部标签

javascript - 用于 Bootstrap 的 Jquery 折叠和展开插件

我一直在使用Bootstrapcollapse在我的网站上。有没有我可以在我的bootstrap站点中使用的jquery,它可以像这样工作。示例我有一个评论区。示例评论将是这样的。Loremipsumdolorsitamet,consecteturadipiscingelit.Phasellussitametsuscipitmagna.Sednislipsum,tempusquistinciduntnon,molestieegettortor.Sedscelerisquemagnaarcu,nonhendreritloremvehiculaut.Vestibulumvulputatee

javascript - Angularjs datepicker popup bootstrap-ui 在 View 中不起作用

我是一个angularjs和bootstrapui新手!我的日期选择器弹出窗口在我包含的View中不起作用。如果它在View之外,它会起作用。即如此处所示任何帮助将不胜感激。但是,因为我使用的是ngRoute方法,所以我需要在部分html中编写我的View并包含在主index.html中。内联日历不显示,弹出日历也不显示。我无法找出问题所在,但我认为date-picker.html无法引用我的index.html中的脚本和样式。我在日期选择器hmtl中还有其他包含的Pane,它引用了index.html中的脚本和css。任何帮助将不胜感激。下面是代码:**index.html**Som

javascript - Bootstrap optgroup 选择

我正在使用bootstrapselectplugin使用bootstrap3.0.2,它满足了我的大部分要求。我想要的唯一附加功能是能够通过单击选择一个optgroup。例如,我想像选择其他选项一样选择野餐(下图),Bootsrapselectpage 最佳答案 这与Bootstrap关系不大。HTML中的optgroup不是为选择而设计的。我的建议是将它们放在一起,让它们成为普通的option类,并以不同的方式设置它们的样式。但是请记住,许多浏览器都限制了您如何设置options的样式,因此请确保您在多个浏览器中对此进行测试。

javascript - Bootstrap Typeahead 不显示 valueKey 以相同值开头的建议

我正在使用typeaheadv0.11.1来显示结果,但它没有显示以相同结果开头的结果。我从数据库中得到的结果是这样的:Object{Id:4,Title:"projectmanager",Description:"projectmanager",CompanyId:1}Object{Id:6,Title:"SoftwareDeveloper",Description:"SoftwareDeveloper",CompanyId:1}Object{Id:7,Title:".NETDeveloper",Description:".NETDeveloper",CompanyId:1}Obje

javascript - 如何在 Meteor 中使用 Materialize css Tabs?

Meteor.js的新功能和MaterializeCSSFramework.我不完全理解如何将选项卡动态地连接到3个不同的选项卡,因此当用户单击它时,.tabindicator/active属性会随着所需的路线路径。如果我这样做:client/app.htmlPageOnePageTwoPageThreeclient/app.jsTemplate.layout.rendered=function(){$('ul.tabs').tabs();}选项卡指示器有效,但它不会更改指向正确页面的链接。就像它阻止了转到页面的能力一样。我需要有关如何执行此操作的帮助,我已经这样做了一段时间了。谢谢。

javascript - Angular Js ui.bootstrap 选项卡自定义

我在我的项目中使用angularjsui.bootstrap,我想使用uibootstrap添加选项卡。我正在为选项卡使用ui.bootstrap指令。但是在那个Angularuibootstrap标签中没有ulli内容。Staticcontent1Staticcontent2Staticcontent3我想在选项卡的a标签内添加一个span标签。这是我想要的输出。5Statictitle1如果有人知道如何做到这一点,请帮我找出解决方案。提前致谢。 最佳答案 您可以在uib-tab中使用uib-tab-heading指令,在标题中包

javascript - 带有自定义按钮的 UI Bootstrap 控件 uib-carousel

我试图通过按钮控制轮播,而不是轮播上方的控件(我将隐藏人字形图标)。我检查了人字形图标并在源代码中找到了这个:1">previous我尝试将属性(类除外)添加到按钮,但它不起作用:1">Previous我猜它不起作用,因为按钮不在uib-carousel,所以它不知道什么是'prev()'和'isPrevDisabled()'功能是。我可以引用该函数,还是创建我自己的函数来控制它?PlnkrDemo我注意到的另一件事,但它是题外话,如果您双击右侧或左侧的V形按钮(假设是右侧),它只会向右滑动一张。然后,如果我单击左V形,它会向右移动一次,然后向左移动(当您第二次单击左V形时)。有什么办

javascript - Materialize CSS 不显示带有 Leaflet 网络映射覆盖的多个复选框

我正在使用Materialise0.97.7和Leaflet1.0.1(最新)当我尝试创建一个带有多个复选框的叠加层以切换元素时,没有复选框出现,只有标签,它们用作切换,但我想要复选框或开关。如果我将CSScdn切换到另一个框架,例如Bootstrap,它们就会出现。如果有人感兴趣,可用于除芽的传单代码:http://leafletjs.com/reference-1.0.0.html#layergroup//itemstotogglevarmyItems=newL.LayerGroup();//bindpopuptoeachitemoncecheckboxisselectedL.ma

javascript - md-tabs 在其重复对象发生更改时失去范围 [AngularJS Material ]

请看这个codepen只要您单击UseDummy2btn,它只会更改md-tabs重复的变量,我就会松开$scope.selectedIndex值。$scope.selectedIndex重置为0,第一个选项卡被选中。如何在更改$scope.lineDirections后保持选中的选项卡?我试过使用$rootScope.selectedIndex但还是不行。 最佳答案 ng-tab有数组“lineDirections”的观察者,在这个观察者中,他们正在重置attrmd-selected(“selectedIndex”)的值,您可以使

javascript - 如果过滤器在 Material 表 Angular 中没有结果,如何显示 "no records"

如果有人搜索当前表显示空数据,我想添加“无记录消息”!下面是Angularjs中示例Material表的链接https://material.angular.io/components/table/examples 最佳答案 我找到了确切的解决方案在typescript中:applyFilter(filterValue:string){filterValue=filterValue.trim();//RemovewhitespacefilterValue=filterValue.toLowerCase();//MatTableDat