Şöyle Benim JavaScript:

$.get("/<page>.php", "userid='.$userid.'&"+status, function(data){
        $("#status").show("fast").html(data).delay(4000).hide("fast");
    });

Ben bu jQuery AJAX yüklemek ve doğru bir div durumunu görüntüleyen bir sayfada birçok bağlantıları var. Her bir kullanıcı gerçekten hızlı bağlantıları çoğu tıklarsanız dışında çalışıyor. Verileri doğru olarak değiştirir, ama animasyonlar gecikmelidir. Çok yardımcı görünmüyor .show ama önce ben jQuery dahil stop() ve stop(true) ve stop(true, true) denedim. Animasyonlar son tıklamadan sonra uzun süre devam edebilir; Bir kullanıcı 20 kez tıklar ve ardından duraklar eğer, örneğin, gizlemek animasyonlar durağı () rağmen, sonradan uzun devam ediyor gibi görünüyor. Bir kullanıcı bir durum ekranı neden AJAX neden olan bir başka bağlantı, temelde "sıfırlar" durumu animasyonları tıklarsa Ne istiyorum.

Herhangi bir fikir?

İşte tam alakalı JavaScript bulunuyor:

    <script type="text/javascript">
    ...
        $(document).ready(function () {
            $("#entry a.styled").live("click", function(event){
        var status = $(this).attr("rel")+"&game="+$(this).attr("name");
        var teamid = $(this).attr("rel");       
        var gameid = $(this).attr("name");
        $("[name="+gameid+"]").show(1);
        $(this).hide(1);
        $("[rel=t"+teamid.replace("pick=", "")+"]").removeClass();
        $("[name=t"+gameid+"]").removeClass();
        $("#t"+teamid.replace("pick=", "")).addClass("hilite");
        $.get("/<filename>.php", "userid=1&"+status, function(data){
            $("#status").stop(true, true).show("fast").html(data).delay(4000).hide("fast");
        });
    });
    </script>

ve bazı ilgili HTML, bu bir büyük bir tablo içinde:

    <tr class="row-a"> 
    <td>8-man</td> 
    <td>1:00 pm</td> 
    <td class="hilite" id="t298" rel="t233" name="t3235"><a href="/team/la_veta/2010/">La Veta</a></td> 
    <td><a href="#" style="display:none" name="3235" class="styled" rel="pick=298">Pick</a></td> 
    <td><a href="#" name="3235" class="styled" rel="delete=3235"><img src="/images/delete.png" height="12" width="12" /></a></td> 
    <td><a href="#" name="3235" class="styled" rel="pick=233">Pick</a></td> 
    <td id="t233" rel="t298" name="t3235"><a href="/team/south_park/2010/">South Park**</a></td> 
    <td>&nbsp;</td> 
</tr> 

Kullanıcı "Seçim" bağlantısını veya jQuery AJAX olsun çağrıları silme Image tıklıyorsunuz.

Benim (gösterilmiştir sınırlı) kodu başka iyileştirmeler de takdir edilmektedir.

jquery version:1.4.2 jqueryui version:1.7.2