2011-08-31 34 views
1

快速和骯髒的例子顯示文本從內部加載的文本(必須存儲在var或其他)。爲一定的時間

如果有人能給我一個快速的例子如何讓文本(/存儲/延遲)在一個錨內,我認爲我能讓自己動畫與淡入淡出。

回答

1

你可以這樣做:

$(".test").click(function(e){ 
    e.preventDefault(); 
    var that = this; 
    var text = $(this).html(); 
    $(this).html("saved"); 
    setTimeout(function(){ 
     //fade back 
     $(that).html(text); 
    }, 1000); 
}); 

小提琴這裏:http://jsfiddle.net/MPCQs/

+0

謝謝你,你就是真棒。我還有一個問題:如何處理css? 我試過像html一樣的方式,但它不起作用 var css = $(this).css(); – Writecoder

+0

啊我修好了: var css = $(this).css(「margin-right」); $(that).css(「margin-right」,css); – Writecoder

0

您可以存儲以前的數據($(本)的.html()),更改文本,然後用setTimeout指定的時間量後的文本復位。

3

你必須使用setTimeout,像這樣:

<a href="" class="test">save</a> 

$(".test").click(function(e){ 
    e.preventDefault(); 
    var previousText = $(this).html(); 
    $(this).html("saved"); 
    setTimeout(function() { $(this).html(previousText) }, 500); 
}; 
1

請嘗試以下

$(document).ready(function() { 
    $('.test').click(function(e) { 
    var link = this; 
    e.preventDefault(); 
    $(this).html("saved"); 
    setTimeout(function() { $(link).fadeOut(1000) }, 500); 
    }); 
}); 

小提琴:http://jsfiddle.net/vPeT3/

0

事情是這樣的:

$(".test").click(function(e){ 
    var $a = $(this); 
    var txt = $a.html(); 
    $a.html("saved").fadeOut('slow', function() { $a.html(txt).fadeIn('fast'); }); 
    return false; 
}) 

你Ç在淡入淡出方法中,以毫秒爲單位指定任何值,而不是「慢」或「快」。

演示:http://jsfiddle.net/kSB9M/