대상에서 드래그 가능한 요소 드롭하기

Question

이제 제목을 읽을 때 생각했던 것을 알고 있습니다. JQuery UI를 드래그 할 수 있다고 생각하는 당신의 생각. 하지만 실제로 내가 커뮤니티를 만들고있는 플러그인에 대해 이야기하고 있습니다. 내 플러그인 대상을 만들려고합니다.

http://jsfiddle.net/XvZLn/24/

를 당신이 잘 작동 볼 수 있듯이 : 당신이 여기에서 볼 수있는 것처럼 작동합니다.

먼저, 일어날 일을 설명하겠습니다. 글쎄, 내가 원하는 것은 요소가 대상에 떨어졌을 때 ... targ.on()이 시작됩니다. 내 플러그인의 onTarget 기능입니다. 이 플러그인과 offTarget (targ.off())이 플러그인에서 작동하지 않습니다.

이 내 플러그인에있는 것입니다 :

는

var targ = { 
          on: o.target.onTarget, 
          off: o.target.offTarget 
         }; 

그럼 내 플러그인 설치 코드입니다 : 내가 왜이 실 거예요 작업이 표시되지 않습니다

$(document).ready(function() { 
    $('#drag').jDrag({ 
     revert: false, 
     revertDuration: 500, 
     ghostDrop: false, 
     ghostRevert: false, 
     ghostOpacity: '0.50', 
     instantGhost: false, 
     activeClass: false, 
     handle: false, 
     grid: false, 
     cookies: false, 
     cookieExdate: 365, 
     radialDrag: false, 
     radius: 100, 
     circularOutline: false, 
     strictMovement: false, 
     distance: 0, 
     not: false, 
     containment: false, 
     target: { 
      init: '#container', 
      lock: false, 
      onTarget: function() { 
       $(this).hide(); 
      }, 
      offTarget: function() {} 
     }, 
     onPickUp: function() {}, 
     onDrop: function() {} 
    }); 
}); 

.

당신이 그것을에서 살펴하려는 경우 실제로 내 플러그인 :

http://jsfiddle.net/ZDUZL/89/

Answer 1

시도 :

onTarget: function() { 
       console.log(this); 
       $(this).hide(); 
      }, 

당신은 "이"언급되지 않은 것을 확인할 수 있습니다 요소가 아니라 오히려 함수를 보유하고있는 객체.

인수로 요소를 전달합니다

if (locker === false) { 
    if (statement) { 
     targ.on(this); 
     lock = false; 
    } else { 
     targ.off(); 
     lock = false; 
    } 
} 

http://jsfiddle.net/ZDUZL/91/