独立运行两个功能

时间:2014-04-08 09:42:34

标签: javascript jquery

测试以下演示我发现了一个问题:

DEMO:JSFiddle

当您在第一张图像上拖动条形图时,第二张图像上的条形图也会出现(不是主要问题,但如果某种方式彼此独立则可能会很棒)。

但主要的麻烦在第二张图片上,因为拖动栏,此刻不会上传前/后图像(如第一个例子所示)。它首先移动条形,当释放按钮时,它会调整图像。

示例图片(红色错误): example

我怎样才能在移动栏的同时上传?

另一方面,可以在不创建全新脚本的情况下同时进行独立(我找到了这个解决方案,但显然原因不是最好的结果)。

以下代码创建栏:

var $dragMe  = $(".dragme");

1 个答案:

答案 0 :(得分:4)

使用jQuery.each创建独立实例=]

JSFiddle:http://jsfiddle.net/JHVH5/2/