Jquery不在函数中时可以工作吗？

Question

我现在有点困惑，如果我把这个jquery放在我的网页上，一切正常。

<script>
    $.get("/Recipe/SearchResult/", function (response) {
        $("#SearchResults").html(response);
    }); 
</script>

但是，我试图让它在按钮上单击时运行。所以我把它放在这样的函数中:

<script>    
    function Search() {
        $.get("/Recipe/SearchResult/", function (response) {
            $("#SearchResults").html(response);
        });
    };     
</script>

使用 firebug，如果我在 function Search{} { 上打断，当我单击按钮时，它会在那一行打断。但是，如果我跨过去，它似乎不会运行jquery。它只是转到下一行的函数末尾，什么也没有发生。

编辑:这是具有按钮的行:

<button onclick="Search"  type="submit" class="btn btn-success"><i class="icon-search"></i> Search</button>

有人有什么想法吗？

谢谢。

Answer 1

因为您的按钮类型是提交，所以单击按钮后，表单将回发并重新加载页面。尝试将其更改为 type="button"

<button onclick="Search"  type="button" class="btn btn-success"><i class="icon-search"></i> Search</button>