JQuery删除区域元素不起作用

Question

ID为“rd”的区域元素是我要删除的内容：     <area alt="yellow" id="yd" href="#" shape="rect" coords="245,243,443,639" />     <area alt="red" id="rd" href="#" shape="rect" coords="674,247,850,638" />

我的功能是：

$("#yd").on("click", function () {
    $("#rd").remove();
});

当我点击ID为'yd'的区域时，'rd'元素应该从我的理解中移除，但它仍然存在，即使在清理，重建，卸载和重新加载项目之后。一切都在MVC / VS 2017中完成。

该函数位于外部.js文件中，该文件在视图页面底部的@section中呈现。我使用了一个简单的警报功能，以确保它们正确连接，并且它们是。

Answer 1

将您点击的方法放在文档就绪

中

$( document ).ready(function() {
     $("#yd").on("click", function () {
         $("#rd").remove();

     });

});