jQuery如何在div加载完成时调用函数

Question

我有一个页面，我将有许多按钮和链接。

点击按钮和链接后，我有一个名为“scriptWPQ2”的div标签，它将刷新。

在刷新此div完成后，我需要编写一个函数来动态更改div中的某些数据。

目前我试过document.ready或window.load它没有帮助

请赐教我这个

$(document).ready(function () {

    $('#scriptWPQ2').load(function () {

        //dosomething

    });
});

Answer 1

回调函数.load()

如果提供“完整”回调，则在后处理和执行HTML插入后执行。对jQuery集合中的每个元素触发一次回调，并依次设置为每个DOM元素。

/* 
 * load
 */
$("#scriptWPQ2").load("action/test.html", function() {
  //dosomething
  alert( "Load was performed." );
});

回调函数.html()，.text()或.append()

体验反馈不需要延迟（以微秒为单位）。这样的功能不包含。

/* 
 * html
 */
$("#scriptWPQ2").html("<div>Static entry.</div>");

/* 
 * text
 */    
$("#scriptWPQ2").text("Static entry.");

/* 
 * append
 */
$("#scriptWPQ2").append("<p>Static entry.</p>");

检查更改

单击按钮时应运行单独的功能。

$("button").on('click',divChangeTrigger);

function divChangeTrigger(){
    //dosomething
}