当点击带有'dc'类的任一超链接时,我需要淡出父'content'div。以下代码是我已有的,但不起作用。
<script>
$('.dc').unbind("click").click(function(){
var dic = this.id;
var strlinkc = "somepage.php?cid=" + dic;
$.post(strlinkc, function(data, textStatus){
$('a.dc#'+dic).closest('.content').fadeOut("slow");
});
});
</script>
<div class="content">
<div id="somediv"><a class="dc" id="23" href="javascript:void(0);">update</a></div>
<div id="anotherdiv">
blah blah blah more text and images
</div>
<div id="yetanother"><a class="dc" id="23" href="javascript:void(0);">update</a></div>
</div>
答案 0 :(得分:3)
将你的代码放入dom ready handler。
$(function () {
$('.dc').unbind("click").click(function () {
var $this = $(this);
var strlinkc = "somepage.php?cid=" + this.id;
$.post(strlinkc, function (data, textStatus) {
$this.closest('.content').fadeOut("slow");
});
return false;
});
});
答案 1 :(得分:1)
$('.dc').click(function(){
$(this).parents('.content').fadeOut('fast');
return false;
});
答案 2 :(得分:0)
不使用取消绑定,而是阻止默认事件。
$(function () {
$('.dc').click(function (e) {
e.preventDefault();
var $this = $(this);
var strlinkc = "somepage.php?cid=" + this.id;
$.post(strlinkc, function (data, textStatus) {
$this.closest('.content').fadeOut("slow");
});
return false;
});
});