为什么我的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 ，仅在完成所有加载后才在内部运行代码。