将参数传递给jQuery ready（）的解决方法

Question

我在jQuery document.ready（）上调用了一些代码，该代码在多个HTML文件中使用。 现在的区别是，每个HTML都使用不同的div ID。 我知道一种选择是只检查$（document）.ready（）中的硬编码div ID。 但是我想编写一个通用代码，该代码将基于当前/调用HTML页面获取div ID？

那么有没有办法将参数传递给jQuery ready（）？

Answer 1

$(document).ready()只需要一个函数作为参数，因此您可以编写一个将ID作为参数并返回$(document).ready()函数的函数。 例如，代替此：

$(document).ready(function() {
    $('#some_id').click(/*...*/);
});

您可以这样做：

function make_ready(id) {
    return function() {
        $('#' + id).click(/*...*/);
    };
}

$(document).ready(make_ready('some_id'));

然后，您可以将make_ready放在某个公共位置，并使用它来构建$(document).ready()调用的函数。

Answer 2

准备好文档仅将处理程序函数作为参数。 通过存储每个html的当前div ID，您仍然可以在文档准备功能中定义通用代码。

<input type="hidden" id="current_div" value="div1" />

$(document).ready(function() {  
    var div_id = $('#current_div').val();  
    // generic code  
});