在Surface Pro平板電腦上啓用jQuery UI拖放功能

正如標題所示，我試圖在Sufrace Pro 3平板電腦上啓用拖放功能。在Surface Pro平板電腦上啓用jQuery UI拖放功能

這些設備是否支持拖放功能？如果是這樣，我將如何去啓用這個功能？如果沒有，我該如何解決這個問題？

我試圖讓jQuery UI的拖放功能工作。這裏是我試圖讓工作一個基本的例子：

$("#draggable").draggable();

#draggable { 
 
    width: 200px; 
 
    height: 200px; 
 
    border: 1px solid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
 
<div id="draggable"> 
 
    <p>Drag me around</p> 
 
</div>

來源

2015-02-11 Azad Young

我有一個類似的問題而回。您需要將所需元素的touch-action property更改爲none。在這種情況下，由於您使用的是jQueryUI，因此您可以將其應用於.ui-draggable/.ui-droppable元素。

您還需要添加-ms供應商名稱，因此你可以使用-ms-touch-action: none：

.ui-draggable, .ui-droppable { 
    -ms-touch-action: none; 
    touch-action: none; 
}

來源

2015-02-11 01:27:13

謝謝！那太簡單了。它實際上工作。我想我將不得不重寫所有的JavaScript。 – 2015-02-11 01:37:04

謝謝！拯救了我的一天！ – philipp 2017-05-12 08:04:40

嘗試使用Touch Punch這使得在觸摸設備上使用jQuery UI的的。

你只需要插入後立即jQuery用戶界面，如：

<script src="path/to/file/jquery.js"></script> 
<script src="path/to/file/jquery-ui.js"></script> 
<script src="path/to/file/jquery-touch-punch.js"></script>

無代碼需要

來源

2015-02-11 01:38:13

謝謝，我會在這之後再試一次。它看起來像喬希斯解決方案工作 – 2015-02-11 01:46:20

在Surface Pro平板電腦上啓用jQuery UI拖放功能

回答

相關問題