Question

我有一个jQuery函数，可以在单击元素时将页面加载到div中。像这样：

$("#viewID").change(function(){     

            $.ajax({
                type: "POST",
                url:"advOptions_lv.cfm",
                data: {viewID: $(this).val()},
                success: function(data){
                    $("#dataView").html(data);

                }
            });


    });

我加载的页面需要一些名为advOptions.js的外部文件中的JS代码。我试过在原始页面中加载外部js页面，但jQuery调用不起作用。所以我将其添加到advOptions_lv.cfm页面。当我这样做时，每次点击viewID元素并加载页面时，我都会在firebug中看到它的调用。

我的问题是advOptions.js文件中有一个基本的ajax表单提交函数，如$.post('saveView.cfm', $("#newDataViewForm").serialize() ,function(data){ });。这被多次解雇了。这一切都取决于加载外部页面的次数。

我的问题是，这是让外部js页面与使用jQuery ajax调用加载的页面一起工作的最佳方法吗？如果不是我应该怎么做？

对此的任何帮助都会很棒。

由于

Answer 1

这将首先使用$.getScript加载您的js并在此之后加载html。

$("#viewID").change(function(){     
    $.getScript('advOptions.js', function(){
        $.ajax({
            type: "POST",
            url:"advOptions_lv.cfm",
            data: {viewID: $(this).val()},
            success: function(data){
                $("#dataView").html(data);
            }
        });
    });
});

附加外部页面的jQuery ajax加载页面

1 个答案: