草庐IT

Bootstrap-select

全部标签

javascript - Select2 - 按查询排序结果

我使用的是Select2版本4.0.0。如果我的结果包含多个词,并且用户输入其中一个词,我想要显示按输入的单词在结果中的位置排序的结果。比如用户输入“apple”,我的结果是:“香蕉橙苹果”“香蕉苹果橙”“苹果香蕉橘子”那么“applebananaorange”应该首先出现在select2结果列表中,因为这是结果中“apple”最早出现的结果。我不太关心过去的顺序。我要重写或配置什么才能得到这样的东西?似乎matcher没有处理排序,sorter不包含查询数据。 最佳答案 您可以通过使用select2-search__field类标

javascript - Jquery Select element 2 positions further - .next().next() 的另一种方式

我正在寻找一种方法来选择一个div元素,该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个,但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器,但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助,菲尔

javascript - Typeahead 插件和 Bootstrap 标签输入插件 Meteor 不工作

我们已经安装了“bootstrap-tagsinput.js”和“typeahead”插件,用于在我们的一个表单中为输入字段的标签做一个tyepahead下拉列表。硬编码标签工作正常。但是,预输入部分无法正常工作。我们有以下HTML:Types和以下JS:Template.form.rendered=function(){//Initialisetagsinput$('.tags').tagsinput({typeahead:{source:['Amsterdam','Washington','Sydney','Beijing','Cairo']}});};在我们打字时,我们希望它能够

javascript - ng-change 不适用于 ng-select

我正在使用由ng-options填充的选择框。不幸的是,我无法调用我的ng-change函数。HereismyFiddle这是我的js:varmyApp=angular.module('myApp',[]);functionMyCtrl($scope){$scope.typeOptions=[{name:'Feature',value:'feature'},{name:'Bug',value:'bug'},{name:'Enhancement',value:'enhancement'}];$scope.scopeMessage="defaulttext";varchangeCount=

javascript - Selection.addRange() 已弃用,将从 Chrome 中删除

我最近在使用alohaeditor时在chrome的控制台日志中注意到以下消息:aloha.js:14579-ThebehaviorthatSelection.addRange()mergesexistingRangeandthespecifiedRangeisdeprecatedandwillberemovedinM58,aroundApril2017.Seehttps://www.chromestatus.com/features/6680566019653632formoredetails.在尝试寻找替代品时,除了他们将要删除它之外,我找不到任何东西,所以我想知道Selectio

javascript - 无法将焦点放在 Twitter Bootstrap Typeahead 的输入上

当我删除这些属性时:data-source=""data-items="4"data-provide="typeahead"我能做到:$(document).ready(function(){$('.first').focus();});这是我的HTML标记:"data-items="4"data-provide="typeahead"/>注意:Typeahead运行良好,这并没有错:data-source="" 最佳答案 我最近遇到了这个问题。当我先声明.typeahead()代码块然后给予字段焦点时,它会自行修复。如果我颠倒顺序

javascript - 如何使用 bootstrap modal 编辑 MVC 中的表数据?

我在MVCView中有一个显示员工详细信息的表。我想添加一个编辑功能,但我不想在新页面中打开它,而是想使用Bootstrap模式来显示它。(http://twitter.github.com/bootstrap/javascript.html#modals)我认为我不必使用ajax,因为数据已经在页面上可用。我想我需要一些jquery或razor代码来将选定员工的数据传递给Bootstrap模式,并在同一屏幕上弹出。下面是我的代码。任何帮助将不胜感激。谢谢@Foreach(variteminModel.Employees){@User.Identity.Name@item.FirstN

javascript - 如何获取select2 :unselect的值

如何在Select2中获取未选择选项的值?使用select2:unselect$('#mySelect').on("select2:unselect",function(e){varunselected_value=$('#mySelect').val();//usingthisshows'null'//orusingbelowexpressionalsoshows'null'varunselected_value=$('#mySelect:selected').val();alert(unselected_value);}).trigger('change');在上面的代码中警告显示

javascript - 在 mouseleave 上保持 Twitter Bootstrap 工具提示打开

对于特定情况和元素,我需要默认显示Bootstrap工具提示(一旦加载页面)并始终保持打开状态(即使在鼠标悬停和鼠标移开时)。这是我用来在元素上默认打开工具提示的代码:$('#myelement').tooltip('show');现在我不确定如何防止/禁用工具提示在鼠标悬停和鼠标移出时的默认操作。有什么想法吗?提前致谢! 最佳答案 已找到解决方案。手动触发器可以解决问题-这是更新后的代码:$('.taskTooltip').tooltip({trigger:'manual'}).tooltip('show');

javascript - AngularJS ui-select下拉列表默认值

我正在使用angularui-select下拉。如何为下拉值设置默认值?SelectizethemeSelected:{{country.selected}}{{$select.selected.name}}片段来自plnkr.co.目前下拉列表只是播种默认选择或搜索列表中的国家...但我需要从Controller传递一个值。让我们说$scope.default={"name":"Decard"}谢谢!!编辑这个问题类似于Thisone但涉及数据的json返回格式。 最佳答案 您可以将ng-model初始化为Controller中的