如何在按钮点击时使html页面可编辑?

时间:2013-07-25 10:55:49

标签: jquery html5 playframework playframework-2.1

我正在使用play 2.1.0并使用jquery来设计html页面。我正在寻找功能,当用户第一次登录我的网站时,UI应该处于只读模式。当用户点击“编辑”按钮时,网页上的某些字段将一次可编辑。编辑完成后,用户可以保存更改,网页将再次成为可读状态。

我搜索了一些jquery插件,但所有插件都以不同的方式工作。它们使特定的html元素可以在jquery事件上编辑。如果用户单击/双击该特定文本框,则文本框将变为可编辑状态。像jeditable插件http://www.appelsiini.net/projects/jeditable

之类的东西

根据我的要求,是否有可用的插件?或者还有其他方法可以实现所需的功能吗?

修改

我通过单独的文件进行编辑和查看解决了这个问题。我在会话中维护一个变量,并根据其值来渲染编辑或查看页面。

1 个答案:

答案 0 :(得分:0)

<script type="text/javascript">
$(function() {
  $('#EditButton').click(function(){
 $('.input').show();
  $('.label').hide();
 });

 </script>

 <li class="label"> <label>example</label></li>
 <li class="input"> <input type="text" value="example" /></li>