0

我正在使用 Ruby on Rails 实现一个简单的编辑/提交按钮来替换 h4 的内容，该内容具有名为“special-content”的类。

这是我的rhtml代码：

    <div class="modal-body" style="height: 280px !important;">
      <%= image_tag("special/turkey.png", :alt => "turkey", :class => "special-img") %><br>
      <h4 class="special-content">#93 Turkey, Avocado & Cheese</h4><h4>&nbsp;with Small     Sized Drink & Chip</h4>
    </div>

这是我的 jQuery 代码，它在 rhtml 代码上方实现：

<script type="text/javascript">
$(document).ready(function() {
  $("body").on("click", "#edit", function() {
    $('#edit').replaceWith('<a class="btn" id="submit">Submit</a>');
    $('.special-content').replaceWith('<input class="special-content-edit" type="text" value="' + $('.special-content').html() + '">');
    $('.special-img').replaceWith('<input class="special-img-edit" type="text" value="' +     $('.special-img').attr('src') + '">');
  });

  $("body").on("click", "#submit", function() {
    $('#submit').replaceWith('<a class="btn" id="edit">Edit</a>');
    $('.special-img-edit').replaceWith('<img class="special-img" src="' + $('.special-img-    edit').val() + '">');
    $('.special-content-edit').replaceWith('<h4 class="special-content">' + $('.special-content-edit').val() + '</h4>');
  });
});
</script>

jQuery 应该允许用户替换 h4 内容。一切正常。但是，如果我导航到另一个链接并返回该页面，则 h4 内容会变回原始内容（“#93 Turkey, Avocado & Cheese”）。如何保留更改的元素？

4

0 回答 0