jQuery Inline是jQuery插件之一,它的作用是將網頁中的文本內容可編輯化,實現類似于“直接在網頁上修改內容”這樣的功能。下面我們來學習一下jQuery Inline的基本用法:
$(document).ready(function(){ $("p.editable").inline(); });
上述代碼中,我們首先使用jQuery的ready()函數,等待網頁加載完成后再執行“可編輯化”操作。然后我們通過選擇器選擇了所有class為“editable”的
標簽,接著使用inline()函數將它們轉化為可編輯元素。
當然,我們也可以按照上述方式手動調用inline()函數:
$("p.editable").inline({ onFocus: function() { //當元素獲得焦點時的回調函數 }, onBlur: function() { //當元素失去焦點時的回調函數 }, onChange: function(value) { //文本內容修改時的回調函數 } });
在這里,我們可以設置一些內部回調函數,在元素獲得或失去焦點時,或者文本內容發生改變時進行響應。
需要注意的是,如果我們要實現表格、圖片等元素的編輯,就需要使用jQuery Editable插件,而不是inline()函數。該插件的用法與inline()基本相同,只是功能更加強大。
上一篇css可以考什么證