jQuery技术

jEditable jQuery技术使用

字号+ 作者:H5之家 来源:H5之家 2017-02-11 10:00 我要评论( )

jEditable技术是现在比较流行的AJAX技术,jEditable 通过jQuery,借助Editable,实现页面编辑特效.具体使用办法如下:

jEditable技术是现在比较流行的AJAX技术,jEditable 通过jQuery,借助Editable,实现页面编辑特效.具体使用办法如下:

1,在视图上(页面),前提是有jquery.js,jeditable.js两个JS文件,代码如下:

<script src="lib/jquery.js" type="text/javascript"></script>
<script src="lib/jeditable.js" type="text/javascript"></script>

下载路径:~tuupola/javascript/jEditable/

<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis

</p>
<div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis

</div>

2,其页面JAVASCRIPT脚本如下:

$(document).ready(function() {
$(".editable").editable(url, {
indicator : "正在处理中"
});
$(".editable_textarea").editable(url, {
indicator : "正在处理中",
type : 'textarea',
event :'dblclick',
id:'elementid',
name:'elementvalue'
});
});

其中name,id可作为页面传到业务层参数

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 在Struts2中,使用jQuery和Ajax技术实现(页面无刷新)检查用户名是否存在

    在Struts2中,使用jQuery和Ajax技术实现(页面无刷新)检查用户名是

    2017-02-11 11:00

  • JQuery应用开发实践指南

    JQuery应用开发实践指南

    2017-02-11 10:00

  • jQuery开发技术文档

    jQuery开发技术文档

    2017-02-10 18:03

  • jquery网页下雪特效插件实例

    jquery网页下雪特效插件实例

    2017-02-10 15:08

网友点评