Hammer jQuery是一款基于jQuery庫的手勢識別JavaScript插件。該插件可以使用簡單的手勢來執行各種動作,例如向左滑動、向右滑動、向上滑動、向下滑動、雙擊等等。利用Hammer jQuery,您可以輕松地為您的網站或移動應用程序添加手勢識別的功能。
// 在您的HTML代碼中引入jQuery和Hammer jQuery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://hammerjs.github.io/dist/hammer.min.js"></script> <script src="https://hammerjs.github.io/jquery.hammer.js"></script> // 為您的對象添加手勢識別 $(document).ready(function(){ $('img').hammertime({ swipe: function(event, direction, distance, duration, fingerCount) { // 執行一些操作... } }); });
在上面的例子中,我們將Hammer jQuery應用于一個<img>標簽,并添加了一個swipe事件。這表示,當用戶在圖像上向左、向右滑動時,該事件將被觸發。在此事件中,您可以執行諸如重新加載圖像或顯示下一張圖像等操作。
Hammer jQuery不僅具有手勢識別的功能,還可以用于旋轉、縮放和拖動等操作。您可以通過訪問Hammer jQuery文檔,了解更多該插件的使用方法和API。