jquery

Question

çalışmıyor fadein birisi yanlış ne yapıyorum döndüğünü söyleyebilir:

stili:

.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;} 

işaretleme:

<p class="warning">A successful authorization already exists. 
        Further authorizations are not allowed at this time.</p> 

senaryo:

$().ready(function() { 
    alert($(".warning").html());  // WORKS 
    $(".warning").fadeIn(4000);  // DOESN'T WORK 
}); 

Answer 1

Öğe gizlenmediği sürece, hiçbir solma olmaz, buna ihtiyacınız var Böyle mething:

$(".warning").hide().fadeIn(4000); 

You can give it a try here, ayrıca $() sen $(document) kullanmanız gereken 1.4+ önerilmiyor veya daha kısa versiyonu, örneğin:

$(function() { 
    $(".warning").hide().fadeIn(4000); 
}); 

alternatif bir display: none başlangıçta eleman vermektir ama bu, JS engelli kullanıcılar için ya da solmaya karşı JavaScript hataları oluşuyorsa, bu yaklaşımdan emin olmak isteyebilirsiniz. Css kodunuza display:none10 numaralı kodu ekleyin.

Answer 2

.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;display:none} 

Answer 3

Bazı olayların fadin için yönetilmesini istediğinizi düşünürüm. Burada örnek çalışma bkz: Böylece http://jsfiddle.net/hPHPn/

:

$(document).ready(function(){ 
    $(".warning").hide();// hide it initially 
    $('#unhideit').click(function(){ 
     $(".warning").fadeIn(4000);       }); 
}); 

bazı basit biçimlendirme için:

<p class="warning">A successful authorization already exists 
    for this Quote ID. Further authorizations are not allowed at this time.</p> 
<input type="button" id="unhideit" value="clickme" /> 

Answer 4

Geçenlerde benim uygulamada aynı şeyi yapmış. Benim html dokümanın üst azından ben vardır: src="advtemp3jquery.js diyor

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="advtemp3jquery.js"></script> 

bölüm Harici .js dosyaya karşılık gelir. Kodu harici bir dosyada tutmak için onu buluyorum.

$(document).ready(function() { 
    $('.header1,.header2').fadeIn('4000'); 
});