jQuery 内部函数调用不起作用

Question

如何调用搜索功能？很多代码是在搜索功能之外编写的，所以我想执行所有代码我该怎么做，请帮助我。

jQuery:

$(function(){
        function search(){
            alert("Hello World");
    }
})

HTML代码:

<select onchange="search();">
    <option value="1">Hello</option>
</select>

Answer 1

您从 onxyz 属性样式事件处理程序调用的任何函数都必须是全局函数。这是不使用它们的众多原因之一。您的 search 不是全局的，它很好地包含在您的 ready 处理程序中。这很好，全局变量是一件坏事™。

在您的 ready 回调中连接函数。 select 元素的任何选择器都可以；这是一个使用 ID 的示例，但它不一定是 ID:

<select id="the-select">
    <option value="1">Hello</option>
</select>

和

$(function(){
    $("#the-select").on("change", search);
    function search(){
            alert("Hello World");
    }
})

如果您不从任何其他代码调用 search，您可以将其组合:

$(function(){
    $("#the-select").on("change", function search(){
    // Name here is optional --------------^--- but handy for debugging
    // if an error is thrown in the function
        alert("Hello World");
    });
})