jquery 完整的標記外掛程式

2021-06-09 19:34:28 字數 1784 閱讀 3929

前言

最近在寫乙個專案,正好在做標記這一塊,所以就把它記錄下來,供大夥分享分享,如果有什麼指教的地方,請傳送郵件到[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...