div的jquery加载功能不起作用

Question

我只想在加载id =“ Box”的div时提醒“确定”。 但是加载功能不起作用。 这是我在wordpress中的代码。 我已经包括了jquery库，其他jquery都运行良好。

jQuery(function(){

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

alert('ok');
        });

    });

Answer 1

它不适用于DIV元素：

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

“将加载事件和所有子元素完全加载后，会将其发送到元素。可以将该事件发送到与URL关联的任何元素：图像，脚本，框架，iframe和窗口对象。”

Answer 2

题：

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

---

您正在使用.load() 。

答：这个方法不适用于div 。

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

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

当加载事件和所有子元素都已完全加载时，会将加载事件发送到该元素。 该事件可以发送到与URL关联的任何元素：图像，脚本，框架，iframe和window对象。

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

---

可能的解决方案 ：

使用简写方法.ajax() .load() load .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返回。 它被作为新的html内容分配给dom元素#box 。 然后，您发出alert 。

例子3

另一种方法是使用.ajax方法并定义一个success处理程序：

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