草庐IT

javascript - 以编程方式移动可拖动位置

假设有一个只能在一个轴上拖动的可拖动对象。有没有办法以编程方式移动它?要么开始,要么增量。当然,我可以更改它的cssleft属性,但这不会触发jQuery提供的拖动事件。我期待找到一个dragBy(x,y)方法来拖动。示例如下:http://jsfiddle.net/odyodyodys/daHU8/html:ResetpositionLoremipsumdolorsitametJs:$("#theDiv").draggable({axis:"x",cursor:"pointer"});CSS:#theDiv{display:block;width:100px;height:100px

javascript - 可拖动代码不适用于 hammer.js

我已经成功实现了jQueryUI可拖动,但是一旦我添加hammer.js代码,可拖动代码就不再有效。不是在我包含hammer.js时,而是在我使用脚本时。这是为什么?我怎样才能让他们都工作?draggable和hammer都应用于.dataCard和#main可拖动代码在这里工作正常(注释掉了hammer实现):http://goo.gl/MO5Pde下面是可拖动代码的示例:$('#main').draggable({axis:'y',revert:true,start:function(event,ui){topValue=ui.position.top;},drag:functio

javascript - jQuery 可排序启用

我禁用了在jquery可排序列表上的拖动,但不确定如何启用它,请有人指点我的方向,$(".anotherClass").sortable('disable');//itdisablesit我似乎无法在文档中找到任何内容。这个问题说在此处启用输入但它不起作用$("#wantedItems").sortable({receive:function(event,ui){//enabletheinputherewhichinput???????????????????????????????}}); 最佳答案 你只需用'enable'来调用

javascript - Bootstrap 可折叠侧边菜单项

我正在尝试制作一个使子元素可折叠的Bootstrap侧边菜单。类似于http://jsfiddle.net/但是我想要子菜单中的链接项而不是这么复杂的结构。这是我尝试过的MoreBlogAboutUSJobsNavitemagainOnemorenavAnothernavitem可放置的子菜单不会将列表中的其余元素向下推,而是出现在它们的顶部。这使得导航变得困难。 最佳答案 使用面板和折叠插件来制作一个简单的Accordion不是更好吗?这是一个例子来说明我的意思。它做我想你想要的。MoreBlogAboutUSJobsNavite

javascript - 为什么这个可配置属性不可删除?

可配置的属性似乎是可删除的:varo={};Object.defineProperty(o,'prop',{configurable:true,value:'val'});deleteo.prop;//trueo.prop;//undefined但它在以下情况下不起作用,至少在Firefox和Chrome上:varform=document.createElement('form'),input=document.createElement('input');form.appendChild(input);varelems=form.elements;Object.getOwnProp

javascript - Jquery 可拖动/可放置和可排序组合

我被要求创建一个正方形网格,其中每个正方形可能包含也可能不包含链接,并且这些链接应该能够在网格中移动。我认为draggable/droppable将是可行的方法并且它工作正常,但是,现在我们希望能够让draggables在一个拖放到另一个之上时交换。所以现在看起来sortable是可行的方法。但是,sortable看起来更像是用于列表,而我并没有把它写成列表。是否有一种简单的方法可以使我目前的工作正常进行,或者我是否需要使用sortable完全重写它?我是javascript的新手,我花了一段时间才走到这一步,我不是要代码,但我害怕不得不再次弄清楚整个事情!有什么意见吗?这是我的一小段

javascript - 从 CSV 数据创建 D3.js 可折叠树

对于那些更熟悉d3的人来说,这可能是一个有点愚蠢的问题,但我对它还很陌生,我不太明白如何让它工作:我想要实现的是:http://bl.ocks.org/robschmuecker/7880033但我想从平面CSV而不是JSON中为它提供数据。问题是我的CSV格式如下:ParentName|ChildName-------------------------ParentName|ChildName-------------------------ParentName|ChildNamesoon...有人可以指出我正确的方向吗?我知道d3.csv函数以某种方式工作,但我不知道如何将其“插入

javascript - 如何使用angularJS突出显示可拖动元素下的拖放区?

当拖动的元素位于其上方时,我无法突出显示放置区(使用dropZone指令定义)。我试过使用CSS:.highlight{background-color:rgba(0,255,0,0.2);}.highlight:hover{background-color:rgba(0,255,0,0.5);}但这不起作用,因为我正在拖动一个元素,所以hover位于可拖动元素上。代码如下:varapp=angular.module("myApp",[]);app.directive("dragCopy",function($http,$compile,$document){return{restri

javascript - JQuery UI 可拖动 : Exceed containment on one side

我正在使用JQueryUI来实现可调整大小/可拖动的元素。现在我想为这些元素定义一个容器,以限制在三个(!)边上的调整大小/拖动。例如。看看这个JSFiddleexample.您可以看到包含的元素只能在父区域内调整大小/拖动。我想实现的是元素可以超出底部阈值并移动到父元素的底部边框之外。尽管如此,调整大小/拖动仍应限制在顶部、右侧和左侧,如父级相应边框所规定的那样。所以thismodification是我想出的://resizable/draggableoptionresize/drag:function(event,ui){expandParent("#parentElement",

javascript - 如何创建可重用的 Socket.IO 模块

我在创建一个为我的Socket.IO库公开功能的模块时遇到了麻烦:constsio=require('socket.io');module.exports=function(server){constio=sio(server);return{register:function(namespace){letnsp=io.of(namespace);nsp.on('connect',function(socket){//...}}}}现在的问题是我如何在其他模块中使用它?在我的app.js我用Express创建了server并且可以用require('./mysocketio')(ser