Javascript not div div

Question

我無法使用javascript顯示div。

<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> 

任何想法？

Answer 1

把你的jQuery js放在document.ready（）中，否則你不能確保DOM完全加載並準備就緒。

你需要的只是一個襯墊像這樣

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

Answer 2

你需要有，如果你命名一個特定元素周圍選擇單或雙引號（「#ID」，「的.class」） 。

最好的方法是避免使用變量。無論如何，這只是三個額外的字符。

而且，把你的代碼放到一個$(document).ready(function(){});功能是這樣的：

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

爲了減少你投入的代碼量，你可以用這個來代替：

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

$(function(){});可以替換$(document).ready()，因爲默認情況下jQuery選擇文檔。