Question

我只想在id =“Box”的div加载时提醒'OK'。但是加载功能不起作用。这是我在wordpress中的代码。我已经包含了jquery库，其他jquery工作正常。

jQuery(function(){

jQuery( '#Box' ).load(function() {

alert('ok');
        });

    });

Answer 1

它不适用于DIV元素：

请参阅：https://api.jquery.com/load-event/

“当事件和所有子元素发送时，load事件被发送到元素已完全装满。此事件可以发送到任何元素与URL相关联：图像，脚本，框架，iframe和窗口对象。“

Answer 2

<强>问题：

我只想在id =“Box”的div加载时提醒'OK'。但是加载功能不起作用。

您正在使用.load()。

回答A：此方法不适用于div。

答案B：此方法在jQuery 1.8中已弃用。停止使用它！

此方法是.on（“load”，handler）的快捷方式。

当load元素和所有子元素都有时，load事件被发送到元素   已完全装满。此事件可以发送到任何元素   与URL相关联：图像，脚本，框架，iframe和   窗口对象。

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

可能的解决方案：

使用简写方法.ajax()，.load()，.get加载内容并在回调函数或成功处理程序中触发您的内容。

.load（）从服务器加载数据并将返回的HTML放入   匹配元素。

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

示例1

指定第一个参数中要加载的内容并执行回调函数。加载test.html的内容，之后将其插入#box并触发警报。

$( "#result" ).load( "ajax/test.html", function() {
    alert( "Load was performed." );
});

示例2

带加载警报的Ajax示例：

$.get("ajax/test.html", function(data) {
    $("#box").html(data);
    alert("Ok. Load.");
});

您正在加载test.html内容将以data的形式返回。它被指定为dom元素#box的新html内容。然后你开火alert。

示例3

替代方法是使用.ajax方法并定义success处理程序：

function getData() {
    $.ajax({
        url : 'test.html',
        type: 'GET',
        success : alert('Ok.Loaded')
    });
}

对于div不工作的jquery加载函数

2 个答案: