Question

我正在尝试使用jQuery双击元素时创建我的网页警报文本。这是我的JS：

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

    alert("asdasdasdasd")

})

和HTML：

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

我做错了吗？因为警报没有出现......

注意：除非使用JS创建元素（＃dashboard-acrs-map），否则它似乎正在工作。我该如何解决这个问题？

Answer 1

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

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="dashboard-acrs-map">
   Element
</div>

＆＃13;

动态元素创建示例：

＆＃13;

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);
};

＆＃13;

<button>Create Double-Clickable</button>

＆＃13;

_{（此外，我相信永远不应该使用jQuery。）}

双击jQuery

1 个答案: