Question

我正在创建一个网站dgwszg

Answer 1

我会向DIV添加一些数据，然后在你刚才提到的函数中使用它。我想如果你提供足够的数据，你可以根据这些数据进行动态调用。（或添加回电）

所以例如你有这个html：

<div class="parent">
     <div class="drag-able" data-name="element1" ></div>
     <div class="drag-able" data-name="element2" ></div>
     <div class="drag-able" data-name="element3" ></div>
     <div class="drag-able" data-name="element4" ></div>
</div>

然后你会在你的函数中有类似的东西

    //by "this" I assume you have your dragging function
    switch(this.getAttribute('data-name')){
         case 'element1': 
           // do your code
              break;
         case 'element2': 
           // do your code
              break;
         default : // do other code 
              break;
    }

实际上有点脏，但如果你能提供更多信息和一些代码，我可以帮助你更好。但我希望它能让你对我试图解释的内容有所了解。

Answer 2

您可以使用ID跟踪元素。

对于你的JavaScript，假设你没有使用jquery：

var if_else = function(){
    var box = document.getElementById("dropIn");
    var elements = box.getElementsByTagName('div');
    var elm1 = elements[0];
    var elm2 = elements[1];
    if(elm1.id === "suchAndSuch" && elm2.id === "soAndSo"){
        // do something
    }
    else{
        //do something else
    }
}

对于你的HTML：

<div id="box"></div>
<div id="suchAndSuch"></div>
<div id="soAndSo"></div>
<div id="somethingElse"></div>

如何使用Javascript来执行if / elseif / else函数，具体取决于div中的元素

2 个答案: