Question

我正在做一些关于JQuery的自学。这是我非常简单的HTML表单的代码：

    <html>
         <head>
    <script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
            </head>
            <body>
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#replybox").draggable();
                });
            </script>
            <div id="replybox">
            <form>
            <table border="2">       
            <tr>
            <td align="center">
<textarea name="data[Test][quote]" id="data[Test][quote]" rows="18"></textarea>
            </td>
            </tr>
            </table>
            </form>
            </div>
            </body>
            </html>

DIV表格无法拖动，
我不确定代码中有什么问题有什么想法吗？

Answer 1

看起来你正在尝试使用jQueryUI框架。 .draggable（）本身不是jQuery --- jQueryUI（插件）在。jQueryUI Home

中添加了该功能。

或者，您也可以直接链接到GoogleAPIs中的jQueryUI实例。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'></script>

但就个人而言，我更喜欢从他们的主页构建我自己的下载包，特别是如果你需要的只是.draggable（）。

Answer 2

Draggable是jquery UI的一部分，它不直接是jQuery的一部分。

http://jqueryui.com/demos/draggable/

Answer 3

你只需要jQuery UI插件。见这里：http://jqueryui.com/demos/draggable/

我需要另一个可移动的JQuery插件吗？

3 个答案: