草庐IT

Elment-ui

全部标签

javascript - Jquery UI slider 如何使框跟随处理程序?

我正在尝试创建一个应该跟随处理程序的div,如下所示:http://m1.dk/Priser/#tab:#calc,#abb我的JSfiddle:http://jsfiddle.net/z3xV3/2/我还想对应该出现在框中的UI值进行计算。这是我想要实现的一个例子:HTML:J查询:$(document).ready(function(){//Prisslider$("#slider").slider({value:'',min:0,max:150,step:1,range:'min',slide:function(event,ui){$("#amount").html(ui.val

javascript - Angular-UI 模态解析

亲爱的,我是Angularjs的新手,我正在尝试创建一个模式。下面是我在网上找到的一个示例(目前正在跟进),我觉得它很难理解。$scope.checkout=function(cartObj){varmodalInstance=$modal.open({templateUrl:'assets/menu/directives/payment-processing-modal.tmpl.html',controller:["$scope","$modalInstance","cartObj",function($scope,$modalInstance,cartObj){}],resolv

javascript - 没有 JQuery UI 的拖放

我搜索了很多,找到了单独使用jQuery(没有UI)进行拖放的教程,但是由于JQueryUI的流行,所有拖放功能都基于JQueryUI。谁能告诉我如何通过JQuery独立进行基本的拖放操作? 最佳答案 有几个插件你可以用看看下面的http://wayfarerweb.com/jquery/plugins/animadrag/http://threedubmedia.com/code/event/drag/demo/它仍然是jquery但没有UI 关于javascript-没有JQuery

javascript - Angular UI Router - 继承状态下的 View

编辑:根据@actor2019的回答,我想更新我的问题以更好地解释问题:使用AngularUI-Router(v0.0.2),我已将应用设置为在主要“页面”/状态之间正确导航,同时继承基本状态。Index.html:base.html:问题出在app.js文件中。当我将views参数添加到base状态时,一切都停止工作(100%空白页)。如果没有该参数,页面会正确呈现,但我没有搜索View。app.js:$urlRouterProvider.otherwise('/');////Nowsetupthestates$stateProvider.state('base',{abstract

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 - 了解 UI 何时在 React/Redux 中准备就绪

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