ajax在ie7触发不了,jQuery ajax .load()在IE6 / IE7 / IE8中不起作用 - 在FF / Safari / Chrome中工作...

这段代码展示了如何使用jQuery实现点击链接加载评论,并控制评论的显示与隐藏。当用户点击'a.load-comments'链接时,会淡出当前的评论表单,加载新的评论内容,加载过程中显示加载图标,加载完成后淡入评论。如果链接已有'current'类,则会隐藏评论。
摘要由CSDN通过智能技术生成

$("a.load-comments").livequery(function() {

$(this).click(function(){ // when you click on the link

var $this = $(this);

var $grandpa = $this.parent("div").parent("div");

var commentsWrapper = $grandpa.find(".comments-wrapper"); // find the right comments wrapper

var commentsFormWrapper = $grandpa.find(".comments-form-wrapper"); // find the right comments form wrapper

var commentsLoader = $grandpa.find(".comments-loader"); // find the right loader image

commentsFormWrapper.fadeOut("fast", function() { // hide the comments form wrapper

if(!$this.hasClass("current")) { // check if link is currently opened

$("a.load-comments, a.load-comments-form").removeClass("current"); // remove the 'current' class from all other links

$this.addClass("current"); // add current class to this link

commentsLoader.fadeIn("fast", function() { // fade in the loader icon

commentsWrapper.load($this.attr("href"), function() { // load the comments

commentsLoader.fadeOut("fast", function() { // fade out the loader image

commentsWrapper.fadeIn("fast"); // fade in the comments

});

});

});

} else { // we know that this has class "current"

$this.removeClass("current"); // remove the class 'current'

commentsWrapper.fadeOut("fast"); // fade out comments

}

});

return false; // prevent following the link

});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值