1
カーソルがグリッドの要素に従わないため正しく動作しませんが、ズームがない場合と同じです。 https://jsfiddle.net/4bwbwbow/jquery UIのソート可能な機能は、ボディズームでは機能しません。
私は「ドラッグ可能」機能のために、この回避策を見つけた:
あなたはここでそれをテストすることができ
JS
var zoom = $('#canvas').css('zoom');
var canvasHeight = $('#canvas').height();
var canvasWidth = $('#canvas').width();
$('#dragme').draggable({
drag: function(evt,ui)
{
// zoom fix
ui.position.top = Math.round(ui.position.top/zoom);
ui.position.left = Math.round(ui.position.left/zoom);
// don't let draggable to get outside of the canvas
if (ui.position.left < 0)
ui.position.left = 0;
if (ui.position.left + $(this).width() > canvasWidth)
ui.position.left = canvasWidth - $(this).width();
if (ui.position.top < 0)
ui.position.top = 0;
if (ui.position.top + $(this).height() > canvasHeight)
ui.position.top = canvasHeight - $(this).height();
}
});
あなたは、私はいくつかの方法で、それを適用することができると思いますか、 "ソート可能な"メソッドではなく、 "ドラッグ可能な"?