jQuery函数在加载时被调用

Question

我有一些我想在加载时运行的jQuery，但似乎没有达到加载事件。 这是我的jQuery

$(function () {
    $('.field-of-work').load(function () {
        var $wrapper = $(this).closest('.field-of-work-wrapper');

        $wrapper.find('.position').hide();
        $wrapper.find('.position').find('select').val('');

    });
});

为什么加载事件不会被触发？

Answer 1

尝试使用ready()方法：

$(document).ready(function(){
    $('.field-of-work select').load(function () {
        var $wrapper = $(this).closest('.field-of-work-wrapper');

        $wrapper.find('.position').hide();
        $wrapper.find('.position').find('select').val('');

    });
});

Answer 2

$(function()是$(document).ready(function(){})的别名，并且在文档就绪事件之前会触发load事件。

如果您希望加载侦听器中的代码在页面加载时触发，则应将其放在任何$(function()或$(document).ready()如下所示：

$('.field-of-work').on('load', function () {
    var $wrapper = $(this).closest('.field-of-work-wrapper');

    $wrapper.find('.position').hide();
    $wrapper.find('.position').find('select').val('');

});

$(function(){
   /* Your other code here */
});

Answer 3

尝试这个 ：

 $(document).ready(function() {
    $('.field-of-work').load(function () {
        var $wrapper = $(this).closest('.field-of-work-wrapper');

        $wrapper.find('.position').hide();
        $wrapper.find('.position').find('select').val('');

    });
});

Answer 4

您是否正确使用加载功能？

加载需要使用“ url”作为参数，并将HTML返回到匹配的元素中。

http://api.jquery.com/load/

Description: Load data from the server and place the returned HTML into the matched element.

load( url [, data ] [, complete ] )Returns: jQuery

您是否要在页面加载后立即在load方法中执行操作？

您可能要使用“ ready（）”代替它：

$(document).ready(function() {

       var $wrapper = $(this).closest('.field-of-work-wrapper');

        $wrapper.find('.position').hide();
        $wrapper.find('.position').find('select').val('');
});

还是只想向其中添加事件处理程序加载（例如

.on( "load", handler ).

http://api.jquery.com/load-event/