1. Refer to Basic CSS and JS:
<Linkhref= "Bootstrap3/css/bootstrap.min.css"rel= "stylesheet"type= "Text/css" /><!--Bootstrapcss-
<Linkhref= "Js/bootstrap3-editable/css/bootstrap-editable.css"rel= "stylesheet"type= "Text/css" /><!--bootstrap3-editable plug-in style - <Scriptsrc= "Js/jquery-1.7.1.min.js"type= "Text/javascript"></Script> <Scriptsrc= "Jss/bootstrap.min.js"type= "Text/javascript"></Script> <Scriptsrc= "Js/bootstrap3-editable/js/bootstrap-editable.min.js"type= "Text/javascript"></Script><!--bootstrap3-editable Plugin js-
2.html and JS
<href= "javascript:;" ID = "username" DATA-PK = "2257" > Chinese Language and text network </ a > </ Div >
<Scripttype= "Text/javascript"> $(function() { //Editables $('#username'). Editable ({URL:'files/handler.ashx', type:'text', PK: $ ("#username"). attr ('DATA-PK'),///Unique indicator Value name:'username', Title:'Modify', Success:function(value) {$ ("#username"). Text (value); } }); }); </Script>
3. Process the procedure in Files/handler.ashx. Modify the title.
More parameters to use. Everyone can Baidu.
Bootstrap-based bootstrap-editable plug-in for instant editing capabilities