간단한 JQuery 클릭 쇼가 작동하지 않습니다.

Question

저는이 간단한 JQuery를 사용하여 링크를 클릭하여 div를 표시하거나 숨기고 있습니다. 이전에 같은 코드를 몇 번 사용했는데 완벽하게 작동했습니다. 하지만 지금은 갑자기 일하기를 거부합니다.

JQuery가 제대로 포함되어 있으며 해당 페이지에서 Javascript 오류 또는 그 밖의 오류가 발생하지 않습니다.

JQuery와 :

<script type="text/javascript"> 
    $(function() { 
     $('#addnew').css('display', 'none'); 
     $('#shownew').click(function() { 
      $('#addnew').toggle(); 
      return false; 
     });   
    }); 
</script> 

HTML (링크) :

<a href='#' id='shownew'>Add News Item</a> 

HTML (DIV) :

<div id="addnew"> 
<form id="new_news" enctype="multipart/form-data" action="news.php" method="post"> 
Title: 
<br/><input type="text" name="title" id="title" /> 
<p>Image (optional, will be shown after first paragraph) 
<br/><input type="hidden" name="size" value="2000000"><input type="file" name="photo"> 
<p>Article body: 
<br/><textarea cols='40' rows='5' maxlength='5000' name='body' id='body'></textarea> 
<p><input type="submit" name="submit" id="submit" value="Submit" /> 
</form> 
</div> 

나는 아마도 무슨 누락 될 수 있을까? JQuery에서 볼 수 있듯이 div는 처음부터 숨겨져 있습니다. $('#addnew').css('display', 'none');이라는 줄을 제거하면 div가 제대로 표시되지만 링크는 계속 켜고 끕니다.

Answer 1

DOM을로드하기 전에 #showNew 요소가 있습니까? 그렇지 않으면 코드가 작동하지 않습니다. 이 경우 코드가 도움이 될 것입니다.

$(document).on('click', '#shownew',function() { 
     $('#addnew').toggle(); 
     return false; 
    }); 

Answer 2

몇 분 후에 페이지가 다시로드되어 작동했습니다. 뭘 잘못했는지 몰라. 코드가 처음부터 훌륭하다는 것을 안다.