Question

我有我的主网页index.html，它会加载main.html作为该部分的一部分。

$("#container").load("main.html");

main.html内有一个链接可切换为about.html

$("#container").load("about.html");

main.html和about.html都没有脚本引用，只有正文中有一些文本。所有脚本引用（包括JQuery和自定义脚本）都在我的index.html页面中。

当我点击about.html中的链接时，会将main.html重新加载到容器中。但点击链接时没有任何反应。

如果我在about.html中添加脚本引用，它会起作用，但点击后网站会变得越来越慢。

我想它会在交换机之间重新加载脚本。有没有办法重用首次加载index.html？

的脚本

非常感谢！

####更新###

我已将文件上传到git https://github.com/kinpth/reusejs

如果我点击about.html内的按钮（点击＆＃34;关于＆＃34;导航栏上的链接就可以到达那里）

如果我在about.html中粘贴了脚本引用，则按钮正在运行，但点击几次后网站会变慢。

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>Reuse jS</title>
        <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css"/>
        <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/web.js"></script>

</head>

JQuery重用JS文件

0 个答案: