奇妙な動作でカスタムdivのサイズを変更

Question

divをクリックしてドラッグを開始すると、別の絶対divが上に作成されます。 しかし、幅と高さを小さくすると、divが点滅します。 私は最初のCSSが「トップ」と「左」の比率でこれを引き起こしていることに気付きました。 ！ "トップ" と "高さ" で

= 0 http://jsfiddle.net/mCupS/

トップ：0と左：0 http://jsfiddle.net/mCupS/1/

は、これは間違っていますか？何か不足していますか？

$(selection_div).width(e.offsetX - xDown) 
$(selection_div).height(e.offsetY - yDown) 

Answer 1

event.offsetXは信頼できません。

は、私が聞くことによって、あなたの問題を修正しました個別にmousedown、mousemove、その後mouseup：ここ

$('#container').on('mousedown', function(mde){ 
     $('#container').on('mousemove', function(mme){ 
      $(selection_div).width(mme.pageX - mde.pageX) 
      $(selection_div).height(mme.pageY - mde.pageY) 
     }); 
     $('#container').on('mouseup', function(mue){ 
      $('#container').off('mousemove');    
     });      
    }); 

デモ：http://jsfiddle.net/mCupS/2/