javascript - 加载所有内容时的加载功能

Question

我有需要在 .aspx 文件中实现的 jquery 函数，在该文件divs中是在运行时生成的，所以我的要求是当所有结构都被加载时，我的函数应该被加载。

Answer 1

将您的代码放入.ready()处理程序中：

$(document).ready(function () {
  // your code
});

这也相当于：

$(function() {
  // your code
});

或者在文档末尾执行您的函数。

Answer 2

其实很多情况下

$(document).ready(function() {
// actions to perform
};

不会如愿以偿。例如，当您有页面加载后由 JavaScript 生成的内容时（因为它需要很多时间或正在等待来自服务器的信息）。

所以，我通常使用的是这些的组合：

$(document).ready(function() {

    (function IsElementLoaded(){
        //you can check for desire element(s) changing the jquery selector
        if($('#MyElementID').length==0){
            setTimeout(IsElementLoaded(),100);
        }else{
            //your code
        }
    }());
});

Answer 3

<script />在页面末尾执行操作或使用

$(document).ready(function() {
// actions to perform
};