每个（不同的）类只触发一次点击事件

Question

我希望在任何拥有相同类名的标签上单击一次后触发点击事件。

我尝试使用 '.one'，但是在第一个类标签被单击后，它会自动删除。

$(document).ready(function() {   
    $(".dropdown").one('click', function() { 
        ...
    });
});

这段代码从同一目录下的另一个.php文件中导入，其中包含一些服务器信息，因此有多个（无限数量）带有相同类的标签。

<div class = \"dropdown\" id=" . $row["name"] . "dropdown" . ">
                    <div>". $row["email"] . "</div>
                    <div>name:" . $row["name"] ."</div>
                    <div>". $row["email"] ."</div></div>
                    ";

有什么推荐的吗？

- dplumbonline

---

有点不太清楚 - 你是有多个标签使用同一个类，还是一个标签使用多个类？如果是多个标签，只需要点击其中一个吗？如果是多个类，是否允许每个类都可以点击该标签？ - freedomn-m

"点击事件触发" / .one("click") - 这是两种不同的情况。 "点击事件触发" 将会是 $(".dropdown").trigger("click") 而 .one("click" 则是 "处理点击事件"。你想做哪个？ - freedomn-m

我有多个具有相同类别的标签。 我想在单击每个标记时添加信息，但仅一次。 - dplumbonline

你能提供一个之前/之后的例子吗？ - freedomn-m

如果用户点击，将显示所点击的“用户”下方的信息（带有来自服务器的唯一数据）。再次点击只会隐藏和显示信息。不过我打算为此创建另一个切换点击事件。 - dplumbonline

Answer 1

根据您的评论，您实际需要做的是检查文本是否已经存在？

$(document).ready(function() {   
    $(".dropdown").on('click', function() { 
       if(empty($('<text wrapper class or id>').text())){
           // add code to bring the info
       }
       //rest other code.
    });
});

注意：如果您可以展示您的HTML代码，那么我可以更新我的代码以给您具体的答案。上述内容将指导您如何进行。

- Alive to die - Anant

---

是的，我不想让问题变得太复杂，但我计划使用一个开关来隐藏/显示信息一旦它被带入。 - dplumbonline

谢谢。所以我检查一下类是否为空或存在，否则运行切换。我可以从中得到启示。非常感谢。 - dplumbonline