0

ページの実行時に次のエラーが発生します

$(".column").sortable is not a function

以下は、ソート可能な関数を呼び出すために使用しているコードです。

function makeSortable() {
    var $sortableItems = $('> li', settings.columns);

    $('.column').sortable({
        items: $sortableItems,
        connectWith: $(settings.columns),
        handle: settings.handleSelector,
        placeholder: 'widget-placeholder',
        forcePlaceholderSize: true,
        revert: 300,
        delay: 100,
        opacity: 0.8,
        containment: 'document',
        start: function (e, ui) {
            $(ui.helper).addClass('dragging');
        },
        stop: function (e, ui) {
            $(ui.item).css({ width: '' }).removeClass('dragging');
            $(settings.columns).sortable('enable');
        }
    });
    $sortableItems.find(settings.handleSelector).css({
        cursor: 'move'
    }).mousedown(function (e) {
        $sortableItems.css({ width: '' });
        $(this).parent().css({
            width: $(this).parent().width() + 'px'
        });
    }).mouseup(function () {
        if (!$(this).parent().hasClass('dragging')) {
            $(this).parent().css({
                width: $(".widget-placeholder").width() + 'px'
            });
        } else {
            $(settings.columns).sortable('disable');
        }
    });
}

ASPXページに次のものを含めました。

<script src="../../Scripts/Management/jquery-1.8.2.js" type="text/javascript"></script>
<script src="../../Scripts/Management/jquery-ui.min.js" type="text/javascript"></script>
<script src="../../Scripts/Management/Widgets.js" type="text/javascript"></script>
<link href="../../Scripts/Management/jquery-ui.css" rel="stylesheet" type="text/css" />

それでもエラーが発生します。誰かが私がこのことを整理するのを手伝ってもらえますか？

4

1 に答える 1

0

これは私にも同じように起こりました。

 $('.column').sortable({
        items: $sortableItems,
        connectWith: $(settings.columns),
        handle: settings.handleSelector,
        placeholder: 'widget-placeholder',
        forcePlaceholderSize: true,
        revert: 300,.....

}）;

うまく動作しません。それで、私がしたことは、次のような新しい関数を作成し、その中のすべての関連付けを定義しました

function makeSortable() {
    $('.column').sortable();
    $(".column").sortable("option", "connectWith", ".column");
    $(".column").sortable("option", "handle", ".moveHeader");
}

コントロールの準備ができて準備ができたら、この関数を呼び出します。

于 2012-12-12T08:09:01.973 に答える