JQuery drag js是一款jQuery拖拽插件,它使得開發者可以輕松地實現網頁元素在拖動時的動態與交互效果。
// 基本用法示例 $("#draggable").drag({ axis: "x", containment: "#containment-wrapper" });
以上代碼展示了JQuery drag js的基本使用方法。它指定了一個拖拽元素(使用選擇器“#draggable”選擇),實現了只能在水平方向上拖拽,且限制了拖拽范圍在“#containment-wrapper”區域內。
// 事件回調函數示例 $("#draggable").drag({ start: function(event, ui) { console.log("開始拖拽!"); }, drag: function(event, ui) { console.log("正在拖拽,當前位置: " + ui.position.left + "," + ui.position.top); }, stop: function(event, ui) { console.log("拖拽結束!"); } });
JQuery drag js也支持拖拽事件的回調函數。以上代碼演示了在拖拽開始、拖拽中、拖拽結束三個時刻觸發的回調函數。開發者可以在這些回調函數中實現自定義邏輯,實現更加復雜的拖拽交互效果。