运行彼此独立的相同 JavaScript

Run same javascript independent from each other

本文关键字：JavaScript 独立 运行      更新时间：2023-09-26

在下面的演示中，我遇到了使代码工作两次（或多次）的问题。

我只是想添加更多"之前/之后"图像，但似乎可拖动栏仅适用于主要图像，并将移动应用于其他图像。

是否有任何解决方案可以使其独立于每个人工作？

错误可能在哪里：

$(function(){
  var $dragMe               = $("#dragme");
  var $beforeAfter      = $("#before-after");
  var $viewAfter          = $(".view-after");
  Draggable.create($dragMe, {
      type:"left",
      bounds: $beforeAfter,
      onDrag:updateImages
  });

演示：JSFIDDLE

正如@Jonas Grumman在我之前的帖子中所回答的那样，解决方案如下：

吉斯菲德尔

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

Otherwhise 是我的错误，因为我忘记在 css 上更改它，所以只关注 html 和 javascript 是一个错误。

因此，修改以下部分就足够了：

网页（之前）：

<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
        }
相关文章：