jquery - オーバーフローが隠されている jQuery UI のドラッグ可能なコンテインメント

Question

ラッパーよりも大きな ul があり、最後の子までドラッグできるようにしたい (包含あり)。

私はulをドラッグして正常に動作させるためのこのコードを持っています(封じ込めなしで)。

$( "#myList" ).draggable({ axis: "x" });​

これが作業ページです：http://jsfiddle.net/Kxtvg/

しかし、使用する場合、ドラッグを制限しようとする助けが必要です

$( "#myList" ).draggable({ axis: "x", containment: '#width' });​

それは面白い振る舞いをします... http://jsfiddle.net/Z9UYA/

非表示のオーバーフロー ラッパーと包含 div を使用して、ul をスムーズにドラッグするにはどうすればよいですか?

THX！

Answer 1

以下のように、「#width」要素の幅を「#myList」要素の幅よりも大きく設定してみてください。

#幅{幅:1200px; 高さ:150px; オーバーフロー:非表示;} #myList {幅:600px;高さ:150px; オーバーフロー:非表示;}