草庐IT

draggable-list

全部标签

javascript - jquery-ui draggable 和 dynamic Jquery-ui draggable?

这是我从http://jqueryui.com/demos/draggable/中获取的代码jQueryUIDraggable-Defaultfunctionality.draggable{width:150px;height:150px;padding:0.5em;}$(function(){$(".draggable").draggable();$('.content').click(function(){varhtmlData='Dragmearound';$('.demo').append(htmlData);});});DragmearoundTest我正在动态制作可拖动组件

javascript - 从 Immutable.js 中的 Map 中的 List 中删除元素的最佳方法

我正在使用Facebook'sImmutable.js加速我的React应用程序以利用PureRendermixin.我的数据结构之一是Map()该map中的其中一个键有一个List()作为它的值(value)。我想知道的是,不知道要从List()中删除的项目的索引,删除它的最佳方法是什么?到目前为止,我已经想出了以下内容。这是最好(最有效)的方式吗?//this.graphsisaMap()whichcontainsaList()underthekey"metrics"onRemoveMetric:function(graphId,metricUUID){varindex=this.

脚本错误;未捕获的语法错误 : missing ) after argument list

在尝试调用一个简单函数时,我不断收到此错误(Javascript错误;未捕获的语法错误:缺少)在参数列表之后)。一切正常,无需在函数中调用它,但我需要多次调用。functionmyFunction(ip,port,div){$.get('http://mcping.net/api/'+ip+":"+port,function(data){console.log(data.online);$(div).html(data.online);});}myFunction(162.223.8.210,25567,#factionsOnline) 最佳答案

javascript - 将项目添加到数组时 ng-list 输入不更新

我遇到了一个奇怪的问题,即在向模型添加项目时使用ng-list的输入没有更新。我创建了一个fiddle来更好地说明这个问题:http://jsfiddle.net/rtZY3///Doesn'tupdateng-listinput$scope.tags.push(tag);//Doesupdateng-listinputvartags=angular.copy($scope.tags);tags.push(tag);$scope.tags=tags;这看起来不像是预期的行为,尤其是因为$scope.tags正在正确更新,如所示上面jsFiddle中的标记。

javascript - jQuery-UI draggable error 'cannot call methods prior to init' , 在更新到版本 1.10.1

我在使用jQuery-UI1.8.2时可以正常使用可拖动插件,然后我更改为1.10.1。我发现的主要区别是在启用和禁用插件时,我不再需要使用:$this.draggable('option','disabled',true);但可以简单地使用$this.draggable('disable');但后来我意识到还有另一个问题。我得到这个错误,它弄乱了我的整个程序,我不知道如何修复它:Error:cannotcallmethodsondraggablepriortoinitialization;attemptedtocallmethod'enable'为了修复它,我确保在任何进一步的选项之

javascript - 无法使用 jQuery.ajax() 从保存到 iOS 设备主屏幕的 Web 应用程序使用 AJAX 访问 list 缓存文件

我正在制作一个网络应用程序。它加载的一些文件包含纯静态.JSON数据。我将jQuery.ajax()(jQuery1.5.2)与dataType:'json'和cache:true一起使用。一切正常,所有文件都已加载。我还配置了缓存list来缓存这些JSON文件(除了css、js和图像)。那里的一切也都运行良好——当用户访问我的站点时,我需要的所有文件都被正确缓存(我有applicationCache事件处理程序来确认一切正常)。我已经在GoogleChrome中测试了所有内容,我可以看到所有文件(包括JSON文件)都被缓存了。当我断开网络连接时,一切正常(jQueryajax调用自动

javascript - 停止 jQuery draggable 从屏幕上滚动

当在div元素上使用可拖动的jQueryUI时,您可以将元素“拖离”页面的右侧,但页面只会扩展并随元素自动滚动。这是有问题的,因为我试图在元素到达窗口右侧时启动一个事件。一个警告是我不能简单地绑定(bind)div以使其不能离开,因为我希望当你的光标遇到边缘而不是div时停止拖动(尝试将它拖离左侧以了解我的意思,我只是想要在右侧复制它)。我尝试过的:body{overflow:hidden;}-乍一看有效,但如果您仔细检查,body实际上正在滚动,只是没有可见的滚动条。另外,这是要在插件中使用的,所以我不能限制用户只能溢出:隐藏的body。创建窗口大小/固定位置的包装器div以触发事件

javascript - jquery draggable droppable remove 掉落

如何从购物车中删除商品?自然地,您希望能够将项目拖放回去。$(function(){$("#catalog").accordion();$("#catalogli").draggable({appendTo:"body",helper:"clone"});$("#cartol").droppable({activeClass:"ui-state-default",hoverClass:"ui-state-hover",accept:":not(.ui-sortable-helper)",drop:function(event,ui){$(this).find(".placeholder

c# - 如何将 List<string> 分配给 JavaScript 数组或可枚举对象

我有以下内容:ViewBag.SomeEnumerable=newList(){"string1","string2"};现在如何在JavaScript端将ViewBag.SomeEnumerable分配给array或某种形式的可枚举对象?例如:functionSomeFunction(){vararray=@ViewBag.SomeEnumerable;for(vareachIteminarray){alert(eachItem);//shoulddisplay"string1"thenstring2"}} 最佳答案 functi

javascript - jQuery.ui.draggable.js 和 jQuery.ui.widget.js 冲突

我有一个工作应用程序,它使用jqueryui对话框。我想让对话框可拖动。据我所知,唯一需要的是jquery.ui.draggable.js脚本。所以我将它添加到我正在使用的脚本中,但知道我收到以下错误(如Firebug控制台所示):baseisnotaconstructorjquery.ui.widget.js中的相关行是:varbasePrototype=newbase();这就是我添加所有脚本的方式:我做错了什么吗?或者这是jquery的问题?在此先感谢您的帮助 最佳答案 问题是draggable扩展了$.ui,mouse,它包