Question

使用以下演示，我遇到了使代码工作两次（或更多次）的问题。

我只想在＆＃34;之前/之后添加更多＆＃34;图像，但看起来像可拖动的条只适用于主要的，并将运动应用于其他。

是否有任何解决方案使其独立工作？

哪里可能是错误：

$(function(){
  var $dragMe               = $("#dragme");
  var $beforeAfter      = $("#before-after");
  var $viewAfter          = $(".view-after");

  Draggable.create($dragMe, {
      type:"left",
      bounds: $beforeAfter,
      onDrag:updateImages
  });

DEMO： JSFIDDLE

Answer 1

正如@Jonas Grumman在上一篇文章中所回答的那样，解决方案就是这样：

JSFIDDLE

主要问题是在同一个html页面上执行两个ID标记。

其他是我的错，因为我忘了在css上改变它，所以只关注html＆amp; javascript是一个错误。

所以修改以下部分就足够了：

HTML（之前）：

<div id="dragme"></div>

HTML（之后）：

<div class="dragme"></div>

Javascript（之前）：

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

Javascript（之后）：

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

CSS（之前）：

#dragme{
        some css styles here
        }

CSS（之后）：

.dragme{
        some css styles here
        }

运行相同的javascript彼此独立

1 个答案: