我還是 jquery 領域的新手，但我也希望在移動設備上使用拖放代碼。我進行了研究，看起來我需要嘗試一下 Touch Punch，但我對如何在正確的位置插入編碼非常不熟悉。
它們是什么意思：
在 jQuery UI 之后和首次使用之前包括 Touch Punch。
這是我要實作的 Touch Punch 代碼： https ://github.com/furf/jquery-ui-touch-punch
在 jQuery UI 之后和首次使用之前包括 Touch Punch。
請注意，如果您使用 jQuery UI 的組件，則必須在 jquery.ui.mouse.js 之后包含 Touch Punch，因為 Touch Punch 會修改其行為。
<script src="jquery.ui.touch-punch.min.js"></script>
這是我在桌面上使用并希望在移動設備上作業的代碼：http: //pastie.org/p/4G0wdFm3f9nXfOZyPiKJSs
謝謝！
uj5u.com熱心網友回復：
如前所述，<head>您將希望像這樣定義腳本：
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script src="jquery.ui.touch-punch.min.js"></script>
<script>$('#widget').draggable();</script>
這樣每個都會按順序加載，所以先加載jQuery，然后再加載TouchPunch。TouchPunch 使用 jQuery，這就是為什么需要先加載它。
參見示例：https ://jsfiddle.net/Twisty/kxw4caqh/6/ 移動測驗：https ://jsfiddle.net/Twisty/kxw4caqh/6/show
最好像這樣加載庫和腳本：
- 造型
- 腳本庫
- 腳本
- HTML
頁面在下載時加載并按順序呈現。因此，如果 jQuery 需要在 TouchPunch 之前加載，它需要“高于”另一個。因為頁面是自上而下執行的。
uj5u.com熱心網友回復：
在 jQuery UI 之后和首次使用之前包括 Touch Punch
--- 這意味著，您需要<script src="jquery.ui.touch-punch.min.js"></script>在任何 JQuery UI 腳本標記之后添加。因為 touch-punch.min.js 修改了 jquery.ui.mouse.js 的行為（可能是一些滑鼠事件），這些行為可能已經在任何 UI 標記中定義。還要在用戶第一次使用之前添加該腳本，以便瀏覽器從您的觸摸打孔腳本加載所有功能。
正如我在http://pastie.org/p/4G0wdFm3f9nXfOZyPiKJSs的代碼中看到的那樣，您不必擔心，因為您沒有使用任何 UI 腳本。要使您的代碼正常作業，只需<script src="jquery.ui.touch-punch.min.js"></script>在代碼中的前兩個 JQuery 腳本標簽之后添加。
uj5u.com熱心網友回復：
Wordpress 的wp_enqueue_script是為這樣的依賴障礙而設計的。由于 jquery-sortable-ui 已經依賴于 jquery，因此您只需根據檔案將其作為依賴項包含在內。這是一個假設您正在制作子主題的示例：
add_action( 'wp_enqueue_scripts', 'your_child_enqueue_scripts' );
function your_child_enqueue_scripts() {
wp_enqueue_script('touch-punch', get_stylesheet_directory_uri().'/js/jquery.ui.touch-punch.min.js', ['jquery-ui-sortable'], null, true);
}
將它添加到您的functions.php 檔案并享受。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/451848.html
標籤：jQuery jQuery-ui 移动的 jquery-ui-touch-punch
上一篇：Python-從日期輸入中添加或減去N*Business*天
下一篇：帶有“粘性”卡片的水平滾動卡片