ここではマウスイベントjqueryの

Question

とダイナミックマーキーツールを作成しようとする私のコードです：

$.fn.createBox = function(id) { 
     var ctr = 0; 

     $(id).css({ 
      cursor:'crosshair' 
     }); 

     $(id).click(function(e) { 
      if (ctr == 0) { 
       var clickLocX = e.pageX; 
       var clickLocY = e.pageY; 
       $('<div>').attr({ 
        'class':'newBox' 
       }) 
       .css({ 
        top:clickLocY, 
        left:clickLocX 
       }) 
       .appendTo(id); 

       ctr = 1; 

       if (ctr == 1) { 
        $(id).mousemove(function(e){ 
         var XpageCoord = e.pageX; 
         var YpageCoord = e.pageY; 
          window.Xloc = XpageCoord; 
          window.Yloc = YpageCoord; 
         var boxOffset = $('.newBox').offset(); 
         var boxHeight = YpageCoord - boxOffset.top; 
         var boxWidth = XpageCoord - boxOffset.left; 
         $('.newBox').css({ 
          height:boxHeight + 'px', 
          width:boxWidth + 'px' 
         }); 
         ctr = 2; 
        }); 
       } 
      } 
      else if (ctr == 2) { 
       $('.newBox').remove(); 
       $('#work_area').css({ 
        cursor: 'default' 
       }); 
      } 
      else { 
       $.noop(); 
      } 
     }); 
    } 

これのフィドルがここにもある：http://jsfiddle.net/HYQp4/1/

このコードは（私が設定した箱を生産されていませんnewBoxのCSSクラス）。誰も私にここで行方不明を教えてもらえますか？

Answer 1

私が知る限り、2つのdiv要素のIDは参照できません。 click meボックスを参照するにはjQuery（ "＃clickMe"）、描画領域を参照するにはjQuery（ "＃work"）を使用します。

あなたは `jQuery.fn`のプロトタイプを拡張しているとき