JQuery FadeIn Delay FadeOut

Question

मैं एक div में फीका करने की कोशिश कर रहा हूं, इसे कुछ सेकंड के लिए स्क्रीन पर रखें, फिर इसे बाहर निकाल दें। समस्या यह है कि जब तक मैं उम्मीद करता हूं, तब तक स्क्रीन पर नहीं रहना, यहां तक ​​कि लगभग 10 सेकंड के लिए देरी सेट करना, यह केवल स्क्रीन पर ही रहना है। मैंने कई पदों के माध्यम से पढ़ा है और सेटटाइम जैसे कई चीजों की कोशिश की है लेकिन मैं कहीं भी तेज़ी से नहीं जा रहा हूं।

<script type="text/javascript"> 
    function pageLoad() { 
    $("[id*=lnkSelect]").live("click", function() { 
    var price = $("#price").html($(".prodprice", $(this).closest('tr').prev().children ('td.prodpricelabel')).html()); 
    var code = $("#code").html($(".prodcode", $(this).closest('tr').prev().prev().children ('td.prodcodelabel')).html()); 
    //Build the new HTML 
    $(code).prepend("<br/>Item: "); 
    $(code).append("<br/>Has been<br/>added to your cart.<br/>Price: "); 
    $(".tooltipleft").html(code); //Set the new HTML 
    $(".tooltipleft").append(price); 
    $(".tooltipleft").fadeIn('slow').delay(5000).fadeOut('slow'); 
    }); 
    }; 
    </script> 

तो मैं उत्पाद कोड और html से मूल्य हो रही है, div में html तो इस में fading एक सूचना है कि एक आइटम में जोड़ा गया है के रूप में संशोधित:

यहाँ मेरी स्क्रिप्ट है शॉपिंग कार्ट।

<div class="tooltipleft" id="tooltip"> 
    <span id="code"></span><span id="price"></span> 
    </div> 

और ग्रिड में बटन:

<asp:ImageButton ID="lnkSelect" runat="server" ImageUrl="~/Buttons/add_to_cart.png" 
    AlternateText="Add To Cart" CommandArgument='<%# Eval("ProductID") %>' CommandName="Add" 
    ImageAlign="Right" /> 

कोई मदद या टिप्पणी के लिए धन्यवाद

इस div है कि मैं में फीका करना चाहते हैं।

चियर्स मुख्यमंत्री

Answer 1

शो का प्रयोग करें और के बजाय छिपाने fadein और fadeOut अगर यह काम करता है देखने के लिए। अगर यह काम नहीं करता है तो आपकी समस्या कहीं और है। जैसा कि आप देखते हैं कि यह काम example$('#foo').fadeIn().delay(2000).fadeOut(); कोड की एक सही रेखा है।

$('#tooltipleft').show(0).delay(5000).hide(0); 

Answer 2

कुछ इस तरह करते हैं: http://jsfiddle.net/LJsNG/1/

$(function() { 
    $('.tooltipleft').fadeIn('slow', function() { 
    $(this).delay(5000).fadeOut('slow'); 
    }); 
});