可拖动不起作用

Question

我试图使用jQuery来拖动一个项目，但我还没有拖动它。这是我的代码：

<script src="jquery.js"></script>
<script src="jquery-ui.js"></script> 
<script src="script1.js"></script>
<link rel="stylesheet" type="text\css" href="Styl.css">
<link rel="stylesheet" href="jquery-ui.css">

我的脚本（script1.js）是：

$(function() {
$( ".songs" ).draggable();
});

和html：

<div id="s1" class="songs"></div>
<div id="s2" class="songs"></div>
<div id="s3" class="songs"></div>
<div id="s4" class="songs"></div>

我仍然是新编码，但我的调试器说div被附加到这个可拖动的小部件。唯一看错的是：

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

使用＆＃34;触摸操作：无＆＃34;交叉。