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