前言
最近在寫乙個專案,正好在做標記這一塊,所以就把它記錄下來,供大夥分享分享,如果有什麼指教的地方,請傳送郵件到[email protected]
一、
首先先來看幾張效果圖:
1、展示效果
2、新增效果
3、編輯效果
二、
標記外掛程式需要jquery和jquery ui庫的支援,jquery的功能就不用多說了,jquery ui的功能主要是起著,選擇框的拖動和拉伸效果。
下面主要對原始碼做乙個簡單的介紹:
1、呼叫示例
$(function() );
});
2、引數說明
minwidth: 30,//選擇框最小寬度
minheight: 30,//選擇框最小高度
maxwidth: '',//選擇框最大寬度
maxheight: '',//選擇框最大寬度
aspectratio: false,
allowadd: true,//是否允許新增
allowedit: true,//是否可編輯
allowdelete: true,//是否可刪除
allowhide: true,//是否可隱藏
hidenotes: false,//是否隱藏所有標記
loadnotes: true,//是否可載入所有標記
helper: '',//樣式
maxnotes: null,//最大標記限制
titlelimit:7,//標題限制字數
contentlimit:30,//內容的限制字數
addurl: '',//新增url
geturl: '',//載入url
delurl: '',//刪除url
editurl: '',//編輯url
showlabelid:null,//預設顯示的標記id
data:{}//額外的提交後台資料
3、核心函式說明
_initplugin = function()
//初始化外掛程式
//初始化容器
_setcontainer(this, pointer);
//設定屬性
_getproperties(pointer);
//配置轉換
_configsettings(pointer);
//建立容器
_createhtml(pointer);
//後台載入標記
_getnotes(pointer);
三、總結由於**過多不一一在這裡說明,**裡面也有注釋。如果有疑問的,可以發郵箱給我,大家一起商討,共同進步!
原來自己只注重去怎麼做東西,一直都沒有記錄多少,現在看來要慢慢積累才行,開始記錄一些東西可能有不好的地方,請大家多多指教!
jQuery模擬點選A標記
這個問題弄了半小時沒想明白,後來覺得是這樣的.選單點選時,觸發裡面的超連線 正確選擇 li.menu children a 0 click 以下是不行的 li.menu children a eq 0 click 會說引數錯誤,沒有找到繫結的click事件函式,因為eq 0 返回的是乙個jquery...
jQuery外掛程式的開發
jquery外掛程式開發方式主要有三種 通過 extend 來擴充套件jquery 通過 fn 向jquery新增新的方法 通過 widget 應用jquery ui的部件工廠方式建立 通常我們使用第二種方法來進行簡單外掛程式開發,說簡單是相對於第三種方式。第三種方式是用來開發更高階jquery部件...
jQuery中的外掛程式
目錄 0.碼仙勵志 2.為什麼需要jquery外掛程式 3.使用外掛程式的步驟 4.jquery.color.js 5.jquery.lazyload.js 6.製作jquery外掛程式 成功沒有快車道,幸福沒有高速路。所有的成功,都來自不倦的努力和奔跑 所有的幸福,都來自平凡的奮鬥和堅持 因為jq...