Question

之前我使用过.draggable()函数，之前的工作正常。但是这次它甚至没有工作。我不知道为什么？

这些是我的jQuery链接

<script src="https://code.jquery.com/jquery-2.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link rel="stylesheet" href="https//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">

这是我的HTML代码

<div class="mainArea" id="response"> 
    <div class="designer">
        <?php include"shirtBasic.svg" ?>
        <div id="imageDiv"> </div>
        <div id="dragDiv"> </div>
    </div>
    <table width="100%" border="0" id="sizeBar">
        <tr>
            <td class="leftBarButton" style="width:50%">Front</td>
            <td class="leftBarButton" style="width:50%">Back</td> 
        </tr>
    </table>
</div>

这是jQuery

$(document).ready(function() {
    $(function() {
        $('#dragDiv').draggable();
    });
});

这不是HTML和jQuery之上和之下的其他代码的唯一代码，但不相关。

请帮我找到问题并建议我是否已经链接了正确版本的jQuery，如果有更新版本可以请赐教。

Answer 1

您的代码效果很好...... http://jsfiddle.net/m6ac80wb/2/

您应该只使用一个版本的JQUERY。您可以保留最新的https://code.jquery.com/jquery-2.1.1.js

此外，请不要忘记在jquery-2.1.1.js 之前导入jquery-ui.js 。

Answer 2

您可以尝试使用：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">

如果你以这种方式尝试它，并且你的样式表在网址中缺少“：”，它也不起作用，这不是它不起作用的原因，但我认为我应该指出它。

.draggable不能处理div

2 个答案: