删除Div链接点击
我正在做一个代码,当我想删除一个div的内部链接(“删除”)被点击。我知道这个问题可能会重复,我尝试了很多方法,但没有成功。我不知道有什么问题。删除Div链接点击
这是我的HTML渲染代码:
<div id="ViewRows">
<br>
<div class="ViewRow"> NOS: FA Comment: finance
<a class="deleteViewRow" href="#">Delete</a>
<br>
</div>
<div class="ViewRow">
NOS: TPA Comment: Assistance
<a class="deleteViewRow" href="#">Delete</a>
<br>
</div>
</div>
这是我的JavaScript代码去除该分区。
$("a.deleteViewRow").live("click", function() {
$(this).parents("div.ViewRow:first").remove();
return false;
});
我也试过以下的javascript:
$("#ViewRows").on("click", "a.deleteViewRow", function() {
$(this).closest("div.ViewRow").andSelf().remove();
return false;
});
我曾尝试在另一页上相同的代码。它正在工作,但是当我在另一个页面中应用相同的逻辑时。它不工作。我知道你们都是对的,但我不知道最新的问题。在萤火虫它甚至没有进入功能。
这个简单而高效的代码工作正常:http://jsfiddle.net/L2CsH/
$("#ViewRows").on("click", "a.deleteViewRow", function() {
$(this).parent().remove();
});
它不工作。 – Dhwani 2013-03-11 13:05:22
它在铬上工作,但我没有在其他浏览器上测试它,所以我想它不适用于其他浏览器 – 2013-03-11 13:10:29
您需要防止链接的默认操作。 event.preventDefault()
$("#ViewRows").on("click", "a.deleteViewRow", function (e) {
e.preventDefault();
$(this).closest("div.ViewRow").remove(); //.andSelf() is not needed here.
//return false;
});
为什么?这并不能解释遇到的错误。充其量,您将在选择锚点时解决滚动问题。但这与手头的isseu无关。 – Flater 2013-03-11 12:49:34
这应该工作:
$("#ViewRows").on("click", "a.deleteViewRow", function (e) {
// prevent browser from following link
e.preventDefault();
// ".andSelf()" can be skipped - once the parent div is removed, the link gets removed as well
$(this).closest("div.ViewRow").remove();
});
第二应该可以正常工作,除了'。和Self()'是多余的。 – VisioN 2013-03-11 12:49:01
@VisioN,我在另一页上试过相同的代码。它正在工作,但是当我在另一个页面中应用相同的逻辑时。它不工作。我知道你们都是对的,但我不知道最新的问题。在萤火虫它甚至没有进入功能。 – Dhwani 2013-03-11 12:54:33
你在这两个页面上都包含jQuery吗? – ktm5124 2013-03-11 13:00:30