Question

我正在尝试创建一个改变div内部文本的CMS并保存它，为此我使用localStorage。我的问题是它只改变一个而不能与其他人一起工作。以下是可以更改的HTML页面的代码：

<div class="col-md-4" id="project">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4> Project 1 </h4>
        </div>
        <div class="panel-body">
            <img src="image.jpg" alt="" class="img-responsive center block" />
            <div id="edit" contenteditable="true">
                original content
            </div>
        </div>
    </div>
</div>

function saveEdits() { 
    var editElem = document.getElementById("edit"); 
    var userVersion = editElem.innerHTML; 
    localStorage.userEdits = userVersion; 
    document.getElementById("update").innerHTML="Opgeslagen!"; 
}

function checkEdits() { 
    if (localStorage.userEdits != null) 
        document.getElementById("edit").innerHTML = localStorage.userEdits; 
}

这是应该显示的页面代码。 div将显示在<ol id="new-projects"></ol>

中

<body>
    <b>Project vak 1</b>
    <ol id="new-projects"></ol>

$("#new-projects").load("index.html #edit");
    $.getScript("js/vakjes/vak1.js",function(){
        document.getElementById("edit").innerHTML = localStorage.userEdits;
    });

它在另一页上显示已编辑的文本，但我只能这样做一次即使我改变变量，它也会赢得多次。

非常感谢帮助，谢谢！

localStorage只检索并保存1个div

0 个答案: