1

jqueryのsortable関数を使用してメニューを並べ替えることができるページを作成しようとしています。メニューは、リンクが水平に配置されたナビゲーションバーで構成されています。リンクにカーソルを合わせると、ドロップダウンとしてサブメニューが表示され、これは期待どおりに機能します。ただし、アイテムをドラッグして並べ替える場合、ホバーイベントは発生しないため、サブメニューは表示されず、リンクをアイテムにドロップできません。

これは、ドラッグされているアイテムがマウスの真下に座っていて、他のオブジェクトがイベントを取得できないようにしていることが関係していると思います。ホバーの代わりにマウスオーバーとマウスアウトを試しましたが、どちらも機能しません。

何か案は？

編集：これが私のjsfiddleです。

4

1 に答える 1

1

jQuery UIdroppableビヘイビアーを使用してから、ビヘイビアーをハンドラーにアタッチoverするoutことができます。jsFiddleの私のフォークを参照してください。

$('li', menu)
    .mouseover(function () { $('>ul', $(this)).show(); })
    .mouseout(function () { $('>ul', $(this)).hide(); })
    .droppable({
        over:function() { $('>ul', $(this)).show(); },
        out:function () { $('>ul', $(this)).hide(); }});
于 2012-07-19T17:05:30.557 に答える