2011-10-29 25 views
0

javascriptを使用してdivを表示するときに問題があります。Javascript not making div show

<div class=" notification success"> 
<a href="#" class="close-notification" title="Hide Notification" rel="tooltip">x</a> 
<p>An email has been sent confirming your identity.</p></div> 

<script type="text/javascript"> 
    var notification = '.notification'; 
     $(notification).show();  
</script>  
</div> 

+0

私のための作品:http://jsfiddle.net/YBkqg/ – Oded

答えて

0

jquery jsをdocument.ready()に配置しないと、DOMが完全にロードされ準備ができていないことが確認できません。

があなたの必要性はあなたが特定の要素を命名している場合、セレクタを囲む二重引用符または一重引用符を持っている必要がありますので、

$(document).ready(function() 
{ 
    $('.notification').show(); 
}); 
0

のようなただ一つのライナーである(「#ID」、「.classファイル」) 。

これを行う最良の方法は、変数の使用を避けることです。それはちょうど3つの余分な文字です。

また、このような$(document).ready(function(){});機能にコードを置く:あなたが入れているコードの量を最小限に抑えるために

$(document).ready(funciton(){ 
    $(".notification").show(); 
}); 

、あなただけの代わりにこれを使用することができます。

$(function(){ 
    $(".notification").show(); 
}); 

$(function(){});$(document).ready()を置き換えることができます。デフォルトでは、jQueryがその文書を選択します。