Javascript 正在加载时调用Jquery函数

我有一些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('');

    });
});

为什么加载事件不会被命中？

尝试使用

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('');

    });
});

$（function（）

是

$（document）.ready（function（）{}）

的别名，加载事件在document ready事件之前触发

如果希望加载侦听器中的代码在页面加载时启动，则应将其置于任何

$（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 */
});

---

试试这个：

 $(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('');

    });
});

---

您是否正确使用加载功能

Load需要一个“url”作为参数，并将HTML返回到匹配的元素中

说明：从服务器加载数据并将返回的HTML放入匹配的元素。

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

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

您可能希望使用“ready（）”而不是它：

$(document).ready(function() {

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

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

或者您只是想向其添加事件处理程序加载（如

---

是否包含jQuery库？是否在head标记中包含jQuery库引用？是的，因为我还有其他一些运行良好的jQuery。请在document.roady中使用此函数。将其放在第一位。何时加载此代码？检查您是否实际加载了jQuery库（使用fiddler查看它是否实际加载，而不是返回404或其他内容）。请确保在加载库后运行脚本。是的，这起到了作用：），但在jquery规范中，它确实声明我可以使用其他方法来准备文档…无需担心

.on( "load", handler ).