Question

如果单击按钮，如何使页面的一部分可编辑？（即在同一页面上编辑和阅读）

例如，当您点击＆＃34;编辑＆＃34;在此页面（您正在阅读的页面）上，标题和正文是可编辑的（它们更改为输入元素），它不会重定向到编辑页面以更改标题或正文。所以，我想启用即时版。

似乎它与jquery有关，但我不知道如何实现这一目标。

Answer 1

您可以使用隐藏的input并在点击按钮edit时显示它们并隐藏同时可读的内容，例如下面的示例。

希望这有帮助。

$('.edit-page').on('click', function(){
    $('.title, .body').hide(); //Hide readable part
    $('.edit-title, .edit-body').show(); //Show editable part
})

.edit{
    display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- Readable part -->
<span class='title'>Your title HERE</span>
<input type="text" class="edit edit-title" value='Your title HERE'/>
</br>

<!-- Editable part -->
<span class='body'>Your body HERE</span>
<textarea class="edit edit-body">Your body HERE</textarea>

</br></br>

<button class="edit-page">Edit</button>

如何启用页面版？

1 个答案: