jQuery Dragend是一款基于jQuery的拖動插件,它能夠實現任意HTML元素的拖拉功能。以下是一些使用jQuery Dragend的示例代碼:
// 初始化Dragend對象 $('.drag-container').dragend(); // 設定回調函數 $('.drag-container').dragend({ afterInitialize: function() { console.log("初始化成功!"); }, afterSwipeStart: function() { console.log("開始拖動!"); }, afterSwipeEnd: function() { console.log("拖動結束!"); } }); // 拖動效果選項 $('.drag-container').dragend({ pageClass: 'my-page', // 自定義頁面類名 direction: 'horizontal', // 拖動方向 onSwipeEnd: function() { console.log("頁面移動了" + this.page + "頁。"); } });
以上代碼演示了如何使用jQuery Dragend來初始化拖動效果,并設定回調函數來處理事件。還可以設定拖動的效果選項,例如指定拖動方向、自定義頁面類名等。
總之,jQuery Dragend是一款非常實用的拖動插件,可以幫助我們方便地實現HTML元素的拖拉效果。