2017-10-06 40 views
0

与 “RD” 的ID area元素的JQuery消除区域要素就是我想要删除的内容: <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中完成。

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

+0

方法让你在浏览器的控制台任何错误?你能否创建一个[工作示例](https://stackoverflow.com/help/mcve)来演示这个问题? – showdev

+0

浏览器控制台中没有错误。我会看看我能不知怎么做一个发生了什么的例子 – n1njatron

+0

jsfiddle:https://jsfiddle.net/apv7onzy/ – n1njatron

回答

0

并将您的点击里面的文件准备

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

    }); 

}); 
+0

这可能是这种情况。但是OP说JavaScript包含在页面的底部,所以不需要等待文档准备就绪。在执行JavaScript之前,元素应该已经存在于DOM中。 – showdev

+0

我也试过这个,但没有运气 – n1njatron

+0

@ n1njatron你提到该区域正在渲染,是否有一个回调函数可以用来绑定你的点击事件?如果该区域异步渲染,那么您的点击事件会在该区域存在之前绑定。 –