Question

我想在完全加载动态创建的DIV内容（包括文本和图像）之后才执行某些功能。这里动态创建的DIV是“#element”+ data。

以下不起作用。

$("#section"+currSect).delegate( "#element"+data, "load", function()
{ remvPanel(); showFormBox(); }
);

这也行不通。

 $("#element"+data).load(function() {remvPanel(); showFormBox();});

请帮忙！：（

Answer 1

这样做吗？

jQuery .load()

此方法是.bind（＆＃39; load＆＃39;，handler）的快捷方式。

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

例如，考虑一个包含简单图像的页面：

<img src="book.png" alt="Book" id="book" />

事件处理程序可以绑定到图像：

$('#book').load(function() {
  // Handler for .load() called.
});

一个工作示例：

<head>
    <title></title>
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $div = $("#main");

            // get loaded alert
            $img = $("<img src='https://www.google.com/images/srpr/logo3w.png' />");

            // no loaded alert
            // $img = $("<img src='not a valid image' />");

            $img.load(function () {
                alert("loaded");
            });

            $div.append($img);
        });
    </script>
</head>
<body>
    <div id="main">
    </div>
</body>

使用jQuery加载动态创建的div的内容（如图像）后执行函数

1 个答案: