jquery外掛程式 EasyDrag 簡單拖動欄

2021-09-30 16:42:27 字數 633 閱讀 5048

首先要感謝木野狐,解決了easydrag這個jquery外掛程式沒有指定拖動的handle的問題。這可是個大問題,儘管easydrag是個非常輕巧又實用的外掛程式,但沒有拖動的handle使我決定放棄它而選用臃腫的inte***ce。那是多麼痛苦的選擇……

easydrag可以指定dom中某個元素,使其可以用滑鼠進行拖放操作。假設dom中有乙個元素:drag me…

。那麼這樣讓它支援拖放:

$(」#box1″).easydrag();

如果想得到元素的位置值,可以用easydrag的ondrop方法callback回乙個物件,如:

$(」#box1″).ondrop(function(a));

操作很簡單,但有個問題,就是滑鼠在元素中任何範圍內都可以對元素進行拖動。如果元素中有乙個滾動條或按鈕就麻煩了!滑鼠只要一點動滾動條或按鈕,整個元素就會永遠跟著滑鼠指標,象塊風濕貼膏一樣甩都甩不掉……

木野狐解決了這個問題,他擴充套件了這個外掛程式,指定乙個元素為拖動的handle。把這個元素嵌入被拖動的元素中,滑鼠只在handle範圍內才可以拖動整個元素。比如:

darghandle「>

darg me…

$(」#box1″).easydrag(false,["darghandle"]);

這樣就完美了。

jQuery外掛程式之日曆外掛程式

在頁面開發中,經常遇到需要使用者輸入日期的操作。通常的做法是,提供乙個文字框 text 讓使用者輸入,然後,編寫 驗證輸入的資料,檢測其是否是日期型別。這樣比較麻煩,同時,使用者輸入日期的操作也不是很方便,影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式,這些問題都...

jQuery常用外掛程式 cookie外掛程式

使用cookie外掛程式後,可以很方便地通過cookie物件儲存 讀取 刪除使用者的資訊,還能通過cookie外掛程式儲存使用者的瀏覽記錄 1.語法 1 呼叫格式 cookie key,value,option 其中引數key為儲存cookie物件的名稱,value為名稱對應的cookie值。2 儲...

jQuery筆記(編寫jQuery外掛程式)

編寫jquery外掛程式,就等同與編寫乙個jquery物件的方法。給jquery物件繫結方法是通過擴充套件 fn物件實現的。如編寫乙個改變樣式的外掛程式 fn.makecolor function options 注 一定要留意return this,這表示可以繼續鏈式使用下去 同時還要留意這裡的t...