我有一个移动页面，我希望用户能够在他们的个人资料上编辑内容。我已经尝试过jquery jeditable，但它不适用于移动设备。我将配置文件内容放在可折叠内部，因此我希望用户单击区域，然后能够更新该区域。
可以在移动设备上进行吗？有没有办法用javascript做到这一点？
这是我的个人资料代码：
<div data-collapsed="true" data-role="collapsible">
<h3>
<img height="20" src="images/jay.jpg" width="22"> Username
</h3>
<a class="" data-role="button" href="">Edit</a>
<h4>About Me:</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim
mi a justo sollicitudin porttitor eu vi tae ipsum. Curabitur vitae auctor
turpis. In volutpat consectetur elit, quis varius nisl dignissim in. Nunc
in nunc vel elit fermentum fermentum non eu dolor. Vivamus euismod sapien
ut augue euismod, sit amet malesuada odio pulvinar. Vivamus porttitor felis
in eros mattis luctus. Maecenas ultricies ligula nec elementum gravida.</p>
<h4>Skillsset:</h4>
<p>Web, Logo Design, Business Cards, Graphic Design, Animation, Digital
Marketing, User Interface Design, Banner Design, Posters, Signs</p>
<h4>
Contact No:
<a href="tel:555555">555555</a>
</h4>
<img height="50" src="images/james/jay1.jpg" width="55">
<img height="50" src="images/jay2.jpg" width="55">
<img height="50" src="images/jay3.jpg" width="55">
<img height="50" src="images/jay4.jpg" width="55">
</div><!-- end of collaspible-->
那么我将如何允许用户点击技能组区域并更新技能。
感谢您提前提供任何帮助。