Question

描述：我有一个带页眉，页脚等的主页面。此页面的内容（正文中的div）根据您点击的位置（菜单项）而变化。加载的内容是javascript和css文件中的不同页面。

问题：加载页面的javascript和css文件不起作用。我必须包含所有页面才能使其有效。

例如，在下一个代码中，status.jsp中包含的javascript不起作用：

$(document).ready(initialize);

function initialize(){
    // status.jsp has javascript and css linked
    $("#content").load("pages/status.jsp #information");
}

然而，这有效，但它不是我想要的：

$(document).ready(initialize);

function initialize(){
    // status.jsp has javascript and css linked
    $("#content").load("pages/status.jsp");
}

最后一个代码的结果是一个与此类似的页面：

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<title>MainPage</title>
</head>
<body>

    <div id="content>
        <meta charset="utf-8">
        <link rel="stylesheet" href="styles/styles.css" type="text/css">
        <title>Status</title>
        <div id=statusBox">
            information
        </div>
        <script type="text/javascript" src="js/status.js"></script>
    </div>

    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>

.load链接的javascript和css文件中的页面

0 个答案: