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(){})的别名，您的加载事件会在文档就绪事件之前触发。

如果您希望加载侦听器中的代码在页面加载时触发，则应将其置于任何$(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

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

加载需要＆＃34; url＆＃34;作为参数并将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

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

您可能想要使用＆＃34; ready（）＆＃34;而不是它：

$(document).ready(function() {

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

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

或者你只是想为它添加一个Event Handler加载（比如

）

.on( "load", handler ).

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

正在加载时调用Jquery函数

4 个答案: