草庐IT

UI-select

全部标签

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 - 如何使 jQuery UI 可排序的 div 仅从图标中拖动?

我使用了一些jQueryUI可排序插件,但我总是发现同样的问题,我无法在可排序DIV中选择或单击,所以,也许我可以通过在只能拖动的地方放置一个图标来找到解决方案div,这样您就可以选择其他部分。怎么做? 最佳答案 在您的每个可排序项目中,包括您想要的任何内容作为您的句柄。(IE、img或样式化的span。)为handle元素指定一个类名—handle可能是一个不错的选择。在您的sortable构造函数中,将handle选择器设置为您为句柄指定的类。$('#div').sortable({handle:'.handle',cursor

javascript - jQuery UI : TypeError: $(. ..).accordion 不是函数

由于某些原因,jQueryUIAccordion不工作。我不断收到此错误:TypeError:$(...).accordionisnotafunction我做错了什么?根据本网站上关于类似主题的其他答案,我认为它与包含的文件有关。我的标题包括:css/base_con.css">css/skeleton.css">css/layout.css">images/favicon.ico">images/apple-touch-icon.png">css/custom-theme/jquery-ui-1.10.0.custom.css"type="text/css"/>js/jquery-1

javascript - kendo ui中如何取消选中网格记录

我正在选择数据绑定(bind)事件的ListView记录。我在数据绑定(bind)中编写了以下代码vargrid=$("#grid").data("kendoGrid");grid.select(grid.tbody.find(">tr:first"));现在我想动态取消选择网格。我该怎么做? 最佳答案 使用clearSelection:vargrid=$("#grid").data("kendoGrid");grid.clearSelection(); 关于javascript-ken

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

javascript - Jquery UI 可拖动 : Align helper to mouse position

使用jQuery我有一个可拖动的元素。这是一个大小为200x40的div。当然,用户可以通过点击div中的不同位置来开始拖动这个div。我想要的是当startdrag事件发生时,助手(克隆)div将始终以相同的方式与光标对齐,无论用户在div中的何处开始拖动。所以在mousedown之后,助手的top和left值需要与鼠标x和y相同。我已经使用这个coffeescript代码试过了:onStartDrag:(e,ui)=>ui.helper.cssleft:e.clientXtop:e.clientYconsole.log(e)但它不起作用,我猜这是因为我输入的值由于鼠标移动而直接被可

javascript - 使用ajax的select2加载数据无法选择任何选项

我有以下代码(javascript):$('#cbxConnections').select2({minimumInputLength:0,multiple:false,allowClear:true,placeholder:{text:"@Diccionario.Connections",id:"@Diccionario.Connections"},ajax:{url:'@Url.Action("GetActiveConnections","Admin")',dataType:'json',type:'post',data:function(params){return{q:para

javascript - 了解 UI 何时在 React/Redux 中准备就绪

我想知道我的应用需要多长时间才能“准备好”供用户与其交互。应用加载的时间线包括以下内容:DOM加载。初始React渲染。从各种componentDidMount()s触发的HTTP调用HTTP调用返回。使用HTTP响应更新Redux状态。React使用来自HTTP响应的新值呈现。所有初始加载已完成。用户已准备好与该应用进行交互。在此过程结束时,我想触发一个跟踪事件来记录window.performance.now()的值。我不确定最好的方法是什么。React的组件系统很好地解耦了UI的各个部分。在这种情况下,不幸的是,这意味着我不会有一个简单的地方来检查以了解“是否已使用新数据呈现所有

javascript - jquery-ui 自动完成插件的轻量级替代品?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。有人知道jquery-ui自动完成插件的轻量级替代品吗?我没有在项目中使用任何其他jquery-ui组件(基础库是jquery1.5.2)。所以不要觉得我可以证明添加20k(缩小)只是为了在单个搜索字段上进行简单的自动完成。目前可能的选择是:https://github.com/agarzola/jQueryAutocompletePluginhttp:/

javascript - 为什么我的 ko computed observable 在其值更改时不更新绑定(bind)的 UI 元素?

我试图将一个cookie包装在一个计算的可观察对象中(稍后我将把它变成一个protectedObservable),但我在计算的可观察对象方面遇到了一些问题。我认为对计算的可观察对象的更改将广播到已绑定(bind)到它的任何UI元素。我创建了thefollowingfiddleJavaScript:varviewModel={};//simulatingacookiestore,thispartisntasimportantvarcookie=function(){//simulatingavaluestoredincookiesvarprivateZipcode="12345";re