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/