為什么我的jQuery click函數無法觸發？

Question

我正在構建一個搜索頁面，該頁面可以發回自身。 我終於在這里工作了一個示例頁面 。 我也在這里擺了一個小提琴 。 但是我不明白為什么會起作用。 當用戶最初點擊頁面時，它應該僅顯示搜索表單。 提交搜索后，它應該隱藏表單，顯示結果以及用於新搜索的按鈕。 我正在使用jQuery。 這是我的代碼：

//Code Block 1
// Show search form if there is no querystring
//Hide search form, show  results if querystring
$(document).ready(function() {
if(document.location.search.length) {
    $("#newsearch").show(1000);
    $("#results").show(1000);
    $("#search").hide(300);
} else {
    $("#search").show();
}
});

//code block 2
//if new search clicked, show form, hide  results

     $("#newsearch").click(function() {
    $("#newsearch").hide(1000);
    $("#results").hide(1000);
    $("#search").show(300);

});

將代碼塊1和2裝入磁頭時，塊2永遠不會觸發。 當我拉出2並將其放在頁面末尾時，它可以工作。

我正在嘗試學習，所以我有2個問題。 （1）當它只有一個街區時為什么不起作用，以及（2）有什么建議可以做得更好？

謝謝。

d

Answer 1

$("#newsearch").click(function() {正在#newsearch元素存在之前運行。

因此，單擊事件不附帶任何內容。

它在第一個塊中起作用，因為它在$(document).ready ，僅在完成所有加載后才在內部運行代碼。