jQuery ".load“和jGrowl

Question

我正在使用jQuery的.load方法加载一个超文本标记语言页面：

$(document).ready(function() {
    $('#body_dynamic_css').load('/url/to/page');
});

我最近将jQuery的版本从1.4.2更新到了1.7.2。我曾经可以在加载附加页面后使用jGrowl，但现在不能了，如果我查看加载页面的控制台，我有jGrowl，如果我从原始页面删除load语句，我就有jGrowl，但一旦调用load，我就不再有jGrowl。甚至可以做以下工作。

$(document).ready(function() {
    $('#body_dynamic_css').load('/url/to/page', function() {
        $.jGrowl('Hello StackOverflow');
    });
});

我得到的确切错误消息是：

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'jGrowl' 

当原始页面调用

$(document).ready(function() {
    // Do stuff here
    $.jGrowl('message');
    // Do stuff here
});

从外部加载的javascript文件。

<script src="/assets/app.js" type="text/javascript" charset="utf-8"></script>

任何建议都将不胜感激。

Answer 1

您可以做到这一点，请看这里的工作示例：https://gist.github.com/stanlemon/5649378

请注意，当您使用$.load()时，非常重要的一点是，当您通过http(s)而不是file://访问文件时，您将遇到'Origin null‘问题，有关这方面的更多信息，请参阅Origin null is not allowed by Access-Control-Allow-Origin。