ページには、jQuery-UI のサイズ変更とドラッグが可能な多くの div (20 近く) があります。また、それぞれのマウスオーバーとマウスアウトでトリガーされる css ベースの変更もいくつかありますdiv
。これらの div をいじっている最中に、そのうちの 1 つが動かなくなったり、ドラッグできなくなったりすることがあります。Firebug とコンソールを使用して、両方のクラスがあることを確認しましたui-draggable
がui-resizable
、まだ「スタック」しています。これは通常、ページ上の div が多すぎる場合に発生するものですか? jQuery-UIだけがこのように動けなくなりますか? ほとんどの場合、すべてが期待どおりに機能しますが、いずれかの がdiv
突然移動できなくなることがあります。
ドラッグ可能にするための私のコードは単純でした。divごとに、それ自体で機能するプラグインがあり、そのコードの一部は次のとおりです。
$this.draggable({
cursor: 'move'
});