簡單的JQuery點擊和顯示不起作用

我使用這個簡單的JQuery位來顯示/隱藏一個div通過點擊鏈接，我已經使用了相同的代碼幾次之前，它完美的工作但現在突然間它拒絕工作。簡單的JQuery點擊和顯示不起作用

正確包含了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 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顯示正確，但鏈接仍然不會打開和關閉。

來源

2012-02-11 robert

[您發佈的代碼的作品]（http://jsfiddle.net/davidThomas/XLNga/）。問題在別處。 – 2012-02-11 16:02:04

你的代碼在這裏完美工作。你是否正確地包含了jquery？複製/你的代碼：[鏈接]（http://jsfiddle.net/xcXAq/） – jurgemaister 2012-02-11 16:02:07

工作正常，當我把它扔在jsFiddle（似乎保存仍然存在）。您是否有其他腳本正在運行，或者您是否重新使用了相同的ID？ – j08691 2012-02-11 16:02:17

在onload之前是否存在DOM中的#showNew元素？如果不是，那麼你的代碼將無法工作。如果是這種情況，以下代碼將幫助你。

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

來源

2012-02-11 16:40:09

幾分鐘後我重新加載了頁面，它工作。不知道什麼是錯的。我知道代碼從一開始就很好。

來源

2012-02-12 11:47:31 robert

在這種情況下，這個問題沒有任何價值 - 請刪除它。 – 2012-02-12 12:03:57

簡單的JQuery點擊和顯示不起作用

回答

相關問題