Jquery 相同<；部门>；多页

我有几个静态HTML页面，在

div

中包含一组链接。目前，当我编辑这组链接时，我必须在多个页面上进行相同的编辑

---

当我进行更改时，是否有更简单的方法更新每页上的

div

？也许我可以将它移动到一个单独的HTML文件中，并使用jQuery插入它？

好吧，您真正需要的（如果您想继续使用Javascript，不需要PHP）是模板（我可以推荐您）

然后，您的代码将如下所示：

var data = {
    links: [
    {   url: "http://",
        text: "Lorem"},
    {   url: "http://",
        text: "Ipsum"}
    ]};
var template = "<ul>{{#links}}" +
                            "<li><a href="{{url}}">{{text}}</a></li>" +
                            "{{/links}}</ul>";
var html = Mustache.to_html(template, data);
$('#DIV_CONTAINING_MENU').html(html);

var数据={
链接：[
{url:“http://”，
文本：“Lorem”}，
{url:“http://”，
文本：“Ipsum”}
]};
var template=“
{{{#links}”+
“
”+
“{{/links}}
”；
var html=Mustache.to_html（模板、数据）；
$（'#DIV_包含_菜单'）.html（html）；

当然，对于jQuery（甚至javascript），您也可以这样做：

var数据=[
{url:'http://'，text:'Lorem'}，
{url:'http://'，text:'Ipsum'}
];
$ul=$（“
”）；
对于（var i=0，c=data.length；i您可以使用PHP来实现

<div>link</div>

链接

将此div另存为单独的文件。然后在每个页面上包含此文件
include（'filepath'）；
。因此，当您想要编辑时，只需在主文件中编辑一次。
假设您的链接位于网站根文件夹中名为links.html的静态文件中：

<div id="links">
   Your links.
</div>

HTML:

$('.add-links').load('/links.html');

<div class="add-links"></div>

<!--#include virtual="/links.html" -->

我不明白你想要什么。但我的小脑袋明白的一点是，你可能需要一个数据库来保存链接，显示它们，并在编辑时更新它们。使用php来实现这一点；你会失去通过JS进行SEO的能力。你是否使用服务器端的任何东西来生成页面？（php或其他什么？）如果你真的需要“静态”的话页面，您可以离线生成它们（看看jekyll或类似的东西），实现这种效果的正确方法是使用某种服务器端脚本语言或SSI（）。是的，PHP和数据库将是解决方案。我没有任何PHP经验，不确定从何处开始。
<!--#include virtual="/links.html" -->

<?php include('/links.html'); ?>