0

そのため、ヘッダーにあるように、私の Javascript は公開時に動作を停止します (これはサーバー上にあります)。(これは Draggable/Droppable に関するものであり、Droppable には 1 つの 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 がまったく機能せず、オブジェクトをドラッグできません。

私が行ったテスト - スクリプトからこのコードを取り出しました:

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'));
    }
},

したがって、少なくとも公開されたバージョンではドラッグ/ドロップが機能しますが、それでも最大 1 つの機能が必要です。

私の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

cdn でホストされているバージョンの jQuery を参照してはいけません。そのため、サーバーと同じバージョンをテスト マシンで使用することになります。

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

上記のページで提供されているリンクに設定された src= 属性を使用して、ドキュメントに <script> タグを挿入するだけです。次に、サーバー上かローカルかに関係なく、同じバージョンの jQuery を実行しています。(さらに、CDN プロバイダーにオフロードすることで、サーバーの帯域幅を少し節約できます。)

于 2012-11-16T15:18:36.877 に答える