0

所以正如标题所说，我的 Javascript 在发布时停止工作（这是在服务器上）。（这是关于 Draggable/Droppable 的，一个 Droppable 应该只包含一个 Draggable）。

这是我的 Javascript 代码：

function pageLoad() {
    $('.droppable').droppable({
        hoverClass: "ui-state-active",
        drop: function (event, ui) {
            $(this).droppable('option', 'accept', ui.draggable);
        },
        out: function (event, ui) {
            $(this).droppable('option', 'accept', '.draggable');
        },
        create: function (event, ui) {
            if ($(this).find('.draggable').length == 1) {
                $(this).droppable('option', 'accept', $(this).find('.draggable'));
            }
        },
    });

    $('.draggable').draggable({
        revert: 'invalid',
        cursor: 'move',
        zIndex: 10000
    });
}

好的，所以我使用了这篇文章中的一些解决方案：jQuery UI - Droppable only accept one draggable 有人说：“快速注意：这仅适用于 jQuery 1.6” – Narretz 6 月 4 日 17:21。当我在我发布的版本上运行它时，JQuery 根本不起作用，没有一个对象是可拖动的。

我已经完成的测试 - 将此代码从脚本中取出：

drop: function (event, ui) {
    $(this).droppable('option', 'accept', ui.draggable);
},
out: function (event, ui) {
    $(this).droppable('option', 'accept', '.draggable');
},
create: function (event, ui) {
    if ($(this).find('.draggable').length == 1) {
        $(this).droppable('option', 'accept', $(this).find('.draggable'));
    }
},

所以至少现在发布版本中的拖放工作，但我仍然想要最大的一个功能。

我的 Javascript 文件是这样引用的：

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery-ui.min.js" type="text/javascript"></script>

我的脚本文件在本地和服务器上的那个文件夹中。

所以我的怀疑落到了“jQuery 1.6”上。有人知道这件事吗？

对不起我的文字墙。预先感谢

/里卡德

4

1 回答 1

0

为什么不参考 jQuery 的 cdn 托管版本，这样您将在测试机器上使用与服务器上相同的版本。

https://developers.google.com/speed/libraries/devguide#jquery

只需在文档中插入一个 <script> 标记，并将 src= 属性设置为上面页面提供的链接。然后，无论是在服务器上还是在本地，您都在运行相同版本的 jQuery。（此外，这将通过卸载到 CDN 提供商来节省少量服务器带宽。）

于 2012-11-16T15:18:36.877 回答