このようなマークアップがあります
<div id="colorpicker-background">
<div id="colorpicker-selector"></div>
</div>
このようなJSで:
$('#colorpicker-selector').draggable({
containment : $('#colorpicker-background'),
handle : $('#colorpicker-selector')
})
ユーザーonmousedown
が発砲すると、マウスダウンがある場所#colorpicker-background
に移動#colorpicker-selector
します。問題は、セレクターがカーソルの下にあるにもかかわらず、ユーザーがドラッグを続行できないことです。
#colorpicker-selector
私が読んだあらゆる種類の投稿に基づいて、ドラッグ、ドラッグスタート、マウスダウン、マウスダウン.ドラッグ可能をトリガーしようとしましたが、運がありません。
ここの別のユーザーも同じ問題を抱えていましたが、それは6か月前のもので、回答がなく、jQueryのバージョンが異なります(それ以来多くの更新があったため):jquery start drag object when clicked on the other