双击 jQuery

Question

我正在尝试在使用 jQuery 双击某个元素时制作我的网页警报文本。这是我的 JS:

$("#dashboard-acrs-map").dblclick(function () {

    alert("asdasdasdasd")

})

和HTML：

<div class="dashboard-acrs-map-div" id="dashboard-acrs-map"></div>

我是不是做错了什么？因为警报没有出现...

注意：除非元素 (#dashboard-acrs-map) 是使用 JS 创建的，否则它似乎可以正常工作。我该如何解决这个问题？

Answer 1

这很可能是您选择的元素不存在。脚本可能在加载元素之前运行。例如，将脚本放在 body 的末尾以确保不是这种情况。

$("#dashboard-acrs-map").dblclick(function () {
    alert("asdasdasdasd")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="dashboard-acrs-map">
   Element
</div>

动态元素创建示例：

document.querySelector("button").onclick = () => {
  var element = document.createElement("div");
  element.id = "double-click-me"; // Who cares though?
  element.textContent = "Double Click Me";

  element.ondblclick = () => alert("Double!"); // Hook up double click here.

  document.body.appendChild(element);
};

<button>Create Double-Clickable</button>

_{（此外，我认为永远不要使用 jQuery。）}

双击 jQuery

Double Click with jQuery

html

javascript

jquery

double-click