草庐IT

Bootstrap-select

全部标签

javascript - Select2 - 使用 JSON 作为本地数据

我可以让它工作...varoptions=[{id:1,text:'Adair,Charles'}]$('#names').select2({data:options,})但是我不知道怎么从这里走...alert(JSON.stringify(request.names))给我...[{"id":"1","name":"Adair,James"},{"id":"2","name":"Anderson,Peter"},{"id":"3","name":"Armstrong,Ryan"}]Select2将接受作为本地数据的内容 最佳答案

javascript - 你如何将 headroom.js 与 Bootstrap 3 导航栏一起使用?

我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/我想在使用Bootstrap3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该做什么?我目前在导航栏上使用navbar-fixed-top。我尝试过使用和不使用它,但它仍然无法正常工作。我可以看到应用于页眉的headroom.js类,但对UI元素没有影响。已解决你需要添加这个样式。.headroom{position:fixed;top:0;left:0;right:0;transition:all.2sease-in-out;}.headroom--unpinn

javascript - 在 bootstrap-datepicker 中将日期设置为最初为空

我正在使用bootstrap-datepicker在我的网站上。日期选择器将用于定义搜索过滤器。我需要datepicker输入元素的初始值为空,所以不会引入搜索结果的日期过滤器。当用户点击链接到日期选择器的文本输入时,日期选择器弹出框应该选择下个月的第一天。问题:如果我要设置初始日期(如下所示),文本输入将填充今天的日期,这不是我想要的。但是,如果我不设置初始日期,日期选择器将显示1970年代。我该怎么办?类似于:jQueryUIDatepicker的演示JS代码varnow=newDate();varnextMonth=newDate();nextMonth.setDate(1);n

javascript - Bootstrap 3 Popover : display on hover AND on click, 又名。固定弹出框

使用悬停触发器可以正常显示弹出窗口。通过click触发器显示弹出窗口效果很好。现在,当鼠标悬停在触发图像上时,如何让弹出框出现,但如果用户单击图像,取消悬停并启动点击切换?换句话说,悬停显示弹出窗口并单击“固定”弹出窗口。HTML非常标准:User还有popover初始化,更无聊:$(function(){$("[rel=popover]").popover();});据我目前所见,解决方案似乎是一组很好的复杂的popover('show')、popover('hide')和popover('toggle')调用,但我的javascript/jQuery-foo不能胜任这项任务。编辑:

javascript - 单击外部时如何关闭 Angular-bootstrap 弹出窗口

这个问题在这里已经有了答案:HideAngularUIBootstrappopoverwhenclickingoutsideofit(12个答案)关闭7年前。我试图在点击弹出窗口外的任何地方时关闭我的Angular-bootstrappopover。根据对这个问题的回答,现在可以通过使用新的popover-is-open属性来完成(在版本0.13.4中):HideAngularUIBootstrappopoverwhenclickingoutsideofit目前我的HTML看起来像这样:...和我相关的Controller代码:vm.togglePopover=false;vm.ope

javascript - AngularUI-Bootstrap Typeahead : Grouping results

我正在使用AngularUI-Bootstrap实现提前输入。我需要显示根据来自数据库的某些值分组的结果。这是一个示例场景数据库中有一些用户,每个用户都有一个“部门”。一个用户名可以在多个部门使用。最终用户键入姓名以从数据库中搜索用户,并在预输入列表中检索列表。由于一个用户名可以属于多个部门,所以需求是显示不同部门分组的用户名。像这样:然后用户可以选择所需的用户名并继续。根据Typeahead文档提供here,我看不到任何选项可以满足我的要求。我已经尝试了这个解决方法:每当typeahead数组形成时,我将用户部门附加到数组元素:$scope.fetchUsers=function(v

javascript - 如何加快 Bootstrap 导航栏中的移动下拉菜单?

在手机上,导航栏上有一个下拉菜单。但它太慢了。它是基于JQuery的吗?还是基于CSS过渡?如何加快速度? 最佳答案 它是基于CSS过渡的,尝试从此类的过渡属性更改高度值。.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height.35sease;-o-transition:height.35sease;transition:height.35sease;} 关于javascript-如

javascript - 使用 ajax 的 Select2 使用 Rails turbolinks 事件进行了多次初始化

我正在使用Rails4.2.6开发RubyOnRails应用程序。我将Turbolinks与jquery.turbolinks一起使用(抱歉,我无法发布这些元素的链接,因为我是网站上的新手)。我的问题很简单,但我无法解决。这里是:我有一个通过AJAX获取的表单Nouvelleexpérienceprofessionnelle表单包含通过AJAX获取数据的Select2元素=simple_form_for[profile,position],remote:true,html:{id:'positionForm',class:'m-b-1'}do|f|=f.input:company_id

javascript - Bootstrap .dropdown li 背景颜色

这是我的网站:http://defend-foreclosure.com/index.html当我将鼠标悬停在“法律”下拉列表中时,我无法将列表项更改为蓝色以外的任何颜色。谁能告诉我需要编辑CSS中的哪些元素?我一直在测试bootstrap.css和bootstrap.min.css中的各种元素,但没有成功。 最佳答案 不要更改bootstrap.css。创建另一个css文件,您可以在其中覆盖它。无论如何,该行是4572:.dropdown-menuli>a:hover,.dropdown-menuli>a:focus,.dropd

javascript - Angular ui-grid 事件 : row selected

我正在尝试根据用户界面网格上一行的选择来启用/禁用按钮。如果未选择任何行,则该按钮将被禁用。我找到了这个plunkr使用旧的ng-grid方式在选择一行后触发事件。$scope.gridOptions={data:'myData',selectedItems:$scope.selections,enableRowSelection:true,afterSelectionChange:function(){if($scope.selections!=""){$scope.disabled=false;}else{$scope.disabled=true;}}};不幸的是它不起作用,我在u