1

我有一个带有 div 的简单 html 页面。我正在使用 jQuery 将 aspx 应用程序的内容加载到“内容”div 中。代码如下所示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">
    </script>
    <script type="text/javascript">
        jQuery.noConflict();
    </script>
</head>
<body>
    <div id="content">
        <div id="loading"> 
            <div class="loading-indicator">Loading...</div>
        </div>
    </div>
</body>
<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#content").load("default.aspx");
    });
</script>
</html>

问题是 default.aspx 使用 shadowbox 和其他 javascript 库。当该代码尝试在 default.aspx 上执行时，它就像未加载 js 源文件一样。我签入 firebug 并且 js 文件在那里（没有 404 或任何东西）。有人知道我错过了什么吗？如您所见，我使用了 jQuery noConflict 函数，因为我认为 $ 的使用可能与其他库发生冲突，但没有帮助...

4

3 回答 3

2

我有这样做的代码，它可能比需要的更冗长，但嵌套的 js 文件应该不是问题。

jQuery.get('default.aspx', null, function(data) {
    $('#default').append(data);
}, 'html');
于 2008-11-19T19:30:11.020 回答
1

似乎是一个常见问题：http ://andreineculau.wordpress.com/2006/09/29/ajax-ondemand-javascript-or-dynamic-script-tags/

我猜它是浏览器内置的安全性，以防止 ajax 响应运行任意脚本。

于 2008-11-19T19:28:09.400 回答
1

未执行的代码是否呈现为脚本块，我了解加载的库，但任何脚本块或内联 javascript 在像这样动态加载时都不会执行。您必须想出一个解决方案来评估返回的脚本块是否有效。我会看看我是否可以从原型中挖掘一个例子，我记得他们有一个。

更新：

这是直接从原型...

  ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>'

  extractScripts: function() {
    var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
    var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
    return (this.match(matchAll) || []).map(function(scriptTag) {
      return (scriptTag.match(matchOne) || ['', ''])[1];
    });
  }

  evalScripts: function() {
    return this.extractScripts().map(function(script) { return eval(script) });
  }

当然，您可以根据需要简化它，但是当动态返回页面时，您必须手动评估所有脚本，因为浏览器不会自动评估注入元素的脚本。

于 2008-11-19T19:35:55.343 回答