首頁猿問 jquery的ajax淡入效果實現(xiàn)

jquery的ajax淡入效果實現(xiàn)

JQuery

桃花長相依 2019-03-13 10:09:28

貼出核心代碼：$("#main-nav li a.nav-top-item+ul li a").click(function(){$.ajax({"url":"ajax.php","data":{"uid":$(this).attr('value')},"type":"get","success":function (data) {$("#content_task").html(data).fadeIn('600');}});});現(xiàn)在的問題是只有第一次點擊鏈接的時候才會有淡入的效果，以后每次點擊都沒有淡入效果了？這是為什么？

查看完整描述

2 回答

森欄

TA貢獻(xiàn)1810條經(jīng)驗獲得超5個贊

$("#main-nav li a.nav-top-item+ul li a").click(function(){
$("#content_task").css('display','none');//加上這行就對了。
$.ajax({
"url":"ajax.php",
"data":{"uid":$(this).attr('value')},
"type":"get",
"success":function (data) {
$("#content_task").html(data).fadeIn('600');
}
});

});

反對回復(fù) 2019-03-21

繁花不似錦

TA貢獻(xiàn)1851條經(jīng)驗獲得超4個贊

添加兩個變量控制啊，

具體我也忘記了，
show(speed, [callback])
概述
以優(yōu)雅的動畫顯示所有匹配的元素，并在顯示完成后可選地觸發(fā)一個回調(diào)函數(shù)。

可以根據(jù)指定的速度動態(tài)地改變每個匹配元素的高度、寬度和不透明度。在jQuery 1.3中，padding和margin也會有動畫，效果更流暢。

參數(shù)
speedString,Number三種預(yù)定速度之一的字符串("slow", "normal", or "fast")或表示動畫時長的毫秒數(shù)值(如：1000)

callback (可選)Function在動畫完成時執(zhí)行的函數(shù)，每個元素執(zhí)行一次。

示例
描述:
用緩慢的動畫將隱藏的段落顯示出來，歷時600毫秒。

HTML 代碼:
<p style="display: none">Hello</p>jQuery 代碼:
$("p").show("slow");描述:
用迅速的動畫將隱藏的段落顯示出來，歷時200毫秒。并在之后執(zhí)行反饋！

HTML 代碼:
<p style="display: none">Hello</p>jQuery 代碼:
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });描述:
將隱藏的段落用將近4秒的時間顯示出來。。。并在之后執(zhí)行一個反饋。。。

HTML 代碼:
<p style="display: none">Hello</p>jQuery 代碼:
$("p").show(4000,function(){
   $(this).text("Animation Done...");
 });

反對回復(fù) 2019-03-21