jquery easyui拖動效果

2021-08-31 18:02:07 字數 826 閱讀 1061

info

start drag1

stop drag

title

上面的**是jquery easyui demo中的乙個例子,把基本的拖動功能做了乙個簡單的介紹,下面是具體引數的詳細說明:

方法:draggable(options);

options是可選的引數

主要包括下面的屬性引數:

handle:定義可以拖動的元素的選擇器,例如上述**中的:

$('#dd2').draggable();

只有id為dd2的元素中id為title的元素才能拖動,也就是當滑鼠移在title那個元素上方,才會出現可以移動的標識。

disable:是否可以移動,true:不可移動;false:可以移動,預設為false

edge:在距離邊緣多少寬度的時候開始拖動,單位是px,預設為0

axis:指定元素拖動的方向,v (vertical)代表垂直,h horizontal 代表水平方向;

$('#dd2').draggable();

同樣,options還支援事件引數:

onstartdrag:開始拖動是觸發的事件;

ondrag:正在拖動時觸發的事件;

onstopdrag:停止拖動時觸發的事件;

例如:

$('#dd1').draggable(

});

jquery easyui 擴充套件驗證

extend fn.validatebox.defaults.rules,d a za z0 9 i.test value message 身份證號碼格式不正確 minlength message 請輸入至少 2 個字元.length message 輸入內容長度必須介於和之間.phone d 0 ...

jquery easyui 階段總結

近期使用jquery easyui比較多,現在總結一下幾種常用的方法 獲取當前行索引 var index productattrgrids datagrid getrowindex row 根據已知索引獲取行 var row productattrgrids datagrid getrows ind...

jQuery Easyui框架整理

1.panel 面板 承載其它內容的容器 提供了摺疊 關閉 最大化 最小化和自定義行為 很容易嵌入到 web頁面的任何位置。注意 每個面板一定要設定 title屬性 class easyui panel 2.tabs 選項卡 選項卡顯示一批面板。但在同乙個時間只會顯示乙個面板。class easyu...