加载内容后加载小部件

Question

正在做的是使用现有表单和列表视图编写向导。我们想在单页中组合这些表单。这是我们用来从url获取表单然后调用函数绑定小部件的脚本。第一行是加载表单的内容但bindWidgets不起作用。 bindWidgets正在处理预加载的内容，默认情况下会加载页面。

<script>
    $(document).ready(function() {
        $("#template_form").load("/push_templates/pushtemplate/create/ #zform");
        bindWidgets();
    });
</script> 

我们是否需要等待加载，因为似乎在加载内容之前执行了第二行。如何在加载完成后等待stat或更好的方式调用bind函数。

Answer 1

使用此功能;

<script>
    $(document).ready(function() {
        $("#template_form").load("/push_templates/pushtemplate/create/ #zform", function() {
           bindWidgets();
        });

    });
</script>

您可以在此处查看演示： jsfiddle