jQuery ajax或xmlhttp的javascript加载问题

Question

您好，我们为所有aspx页面使用主模板。 在母版页中，我们添加了频繁使用CSS，JS的内容。在aspx页中，我们使用了特定页面的CSS和JS。

现在，我们尝试添加Jquery Ajax或XmlHttp来优化网站。 使用Jquery ajax，我们将aspx页面调用到DIV中。 当我们从HTML标记javascript加载全部aspx页面并且所有脚本运行正常时，这里出现问题。 但是，当我们尝试从特定的DIV或正文加载该页面时，脚本将无法正常工作。

请告诉我从特定DIV或正文加载页面时如何加载脚本。

Answer 1

在aspx页面中，确保没有CSS和JS文件的相对路径。 以下是使用相对路径。 如果通过ajax请求将文件加载到div中，则相对路径将不起作用。

    <link rel="stylesheet" type="text/css" href="../Common/css/myCss.css" media="all" />
    <script type="text/javascript" src="../Common/js/myJs.js"></script>

相反，您必须使用文件的绝对路径

    <link rel="stylesheet" type="text/css" href="<%=Page.ResolveUrl("../Common/css/myCss.css") %>" media="all" />
    <script type="text/javascript" src="<%=Page.ResolveUrl("../Common/js/myJs.js") %>"></script>

试试这个，看看是否可行。 我没有按照您想要使用它的方式进行测试。

编辑：

如果您以html字符串的形式接收页面，请执行以下操作：

    $(result).find("#ContentSwitcher").html()

尝试以下方法：

    $.parseHTML(result).find("#ContentSwitcher").html()

注意：$ .parseHTML需要jquery 1.8.0或更高版本。