Javascript Ajax加载的外部html中脚本后的调用事件

我的页面中有一个加载了Ajax的Div，在该Div中有一个Jquery插件加载我的Google电子表格。我需要添加一些“事件监听”来检测电子表格何时加载，但加载时间不可预测，而且据我所知，我的div（带有外部html内容）中的事件无法在我的“父”窗口上监听。顺便说一句，我试过很多方法

我会发布我的代码，但我认为这没用。我能说的是：加载内容时，div的高度会发生变化。在这种情况下，回调函数无法工作，因为我的脚本（在div中）仅在加载页面后才能获取电子表格

index.html

$.ajax({
    url : "test/index.html",
    type : "get",
    async: true,
    success : function(result) {
    $('.mailcontrol').html(result);
    },
    error: function() {
       alert("Error");
    }
 });

<script type="text/javascript">
$('#dat').sheetrock({
  url: 'https://docs.google.com/spreadsheets/ssid'}); 
</script>

test/index.html

$.ajax({
    url : "test/index.html",
    type : "get",
    async: true,
    success : function(result) {
    $('.mailcontrol').html(result);
    },
    error: function() {
       alert("Error");
    }
 });

<script type="text/javascript">
$('#dat').sheetrock({
  url: 'https://docs.google.com/spreadsheets/ssid'}); 
</script>

您可以使用Jquery on（）事件侦听，如下所示：

---

$（'.mailcontrol'）。on（'eventName'，'#dat'，callbackFunction）加载内容后，尝试初始化电子表格插件：

$.ajax({
    url : "test/index.html",
    type : "get",
    async: true,
    success : function(result) {
        $('.mailcontrol').html(result);
        $('#dat').sheetrock({
            url: 'https://docs.google.com/spreadsheets/ssid'}); 
    },
    error: function() {
       alert("Error");
    }
 });

您是否尝试过原始的sheetrock回调


$（'#dat'）。板岩({
网址：'https://docs.google.com/spreadsheets/ssid',
回调：函数（）{
//要捕获的触发事件
}  
});