jQueryは初めてです。しかし、プロジェクトでドラッグアンドドロップ機能を使用したいと思います。アイテムをドラッグしているときに関数を呼び出したいのですが、ドラッグをキャンセルしません。関数を実行した後もアイテムを保持したい。
コードの一部は次のとおりです。
$(settings.columns).sortable({
items: $sortableItems,
connectWith: $(settings.columns),
handle: settings.handleSelector,
placeholder: 'widget-placeholder',
forcePlaceholderSize: true,
revert: 300,
delay: 100,
opacity: 0.8,
containment: 'document',
ghosting: true,
start: function (e,ui) {
$(ui.helper).addClass('dragging');
**// here is the place I would like to call a function.**
**//example gotoPage(2);**
},
stop: function (e,ui) {
$(ui.item).css({width:''}).removeClass('dragging');
$(settings.columns).sortable('enable');
/* Save prefs to cookie: */
iNettuts.savePreferences();
}
});
呼び出し元のコードをその中に配置するとstart()、関数は実行されますが、ドラッグもキャンセルされます。基本的には、アイテムを保持して関数を実行したいと思います。十分に明確にしたと思います。そうでない場合は質問してください。