Javascript JSHTMLCSS：如何使函数每次使用不同的变量动态重复，而不在de函数中重复相同的变量 交织函数 我一直试图使函数不同，但两者都有相同的原始函数 以下是我的选择器： const popControl = document.getElementById("pop"); const popHeader = document.getElementById("header"); const popButton = document.getElementById("close"); const popTitle = document.getElementById("title"); const popBody = document.getElementById("body"); const popControl2 = document.getElementById("pop2"); const popHeader2 = document.getElementById("header2"); const popButton2 = document.getElementById("close2"); const popTitle2 = document.getElementById("title2"); const popBody2 = document.getElementById("body2");`

选中所有id后，我创建了第一个函数，名为verifyPosition：

function verifyPosition(circleLeftPosition, circleRightPosition, moveBy) {
   console.log(circleLeftPosition, circleRightPosition);
   if (circleLeftPosition == "550px" && circleRightPosition == "75px") {
      popButton.addEventListener("click", closePosition);
      openPosition();
   }
}

function verifyPosition2(circleLeftPosition, circleRightPosition, moveBy) {
       console.log(circleLeftPosition, circleRightPosition);
       if (circleLeftPosition == "550px" && circleRightPosition == "75px") {
          popButton2.addEventListener("click", closePosition2);
          openPosition2();
       }
    }

现在，我必须创建另一个出现故障的函数，verifyPosition2：

function verifyPosition(circleLeftPosition, circleRightPosition, moveBy) {
   console.log(circleLeftPosition, circleRightPosition);
   if (circleLeftPosition == "550px" && circleRightPosition == "75px") {
      popButton.addEventListener("click", closePosition);
      openPosition();
   }
}

function verifyPosition2(circleLeftPosition, circleRightPosition, moveBy) {
       console.log(circleLeftPosition, circleRightPosition);
       if (circleLeftPosition == "550px" && circleRightPosition == "75px") {
          popButton2.addEventListener("click", closePosition2);
          openPosition2();
       }
    }

出于某种原因，我的验证位置2不起作用，并且无论您在其中输入了什么。
这就引出了我的最后的问题：

function verifyPosition(circleLeftPosition, circleRightPosition, moveBy) {
   console.log(circleLeftPosition, circleRightPosition);
   if (circleLeftPosition == "550px" && circleRightPosition == "75px") {
      popButton.addEventListener("click", closePosition);
      openPosition();
   }
}

function verifyPosition2(circleLeftPosition, circleRightPosition, moveBy) {
       console.log(circleLeftPosition, circleRightPosition);
       if (circleLeftPosition == "550px" && circleRightPosition == "75px") {
          popButton2.addEventListener("click", closePosition2);
          openPosition2();
       }
    }

• 为什么它不起作用
• 我怎样才能让它工作呢

谢谢大家！

---

提示：[！ch.edit]标记表示我已编辑了此问题。

您可以尝试以下方法

功能验证位置（circleLeftPosition、circleRightPosition、moveBy、选择器扩展名）{
如果（circleLeftPosition==“550px”和&circleRightPosition==“75px”）{
const popButton=document.getElementById（“关闭”+选择器扩展名）；
//检查下面的代码，如果在同一元素上多次调用verifyPosition，则有可能在popButton上设置多个单击事件
addEventListener（“单击”，函数（e）{返回关闭位置（e，选择器_扩展）；}）；
打开位置（选择器_扩展）；
}
}
功能关闭位置（e，选择器\ U扩展）{
//使用“选择器”扩展访问所需的元素`
}
功能打开位置（选择器\扩展）{
//使用“选择器”扩展访问所需的元素`
}