jQuery 네임 스페이스 및 "this"사용

Question

내 개체/기능 범위 및 일반적인 이해에 문제가 있습니다. 그래서 같은 준비 문서에 jQuery를 함수를 호출하고 있습니다 :

$("#interactiveQA .actionTile").on('click',function(){ 
    $(this).activeTiles("init"); 
}); 

은 그때 그래서 여기에 같은 스크립트를 작성 :

여기

(function($) { 

    var methods = { 
     init: function() { 
      var tileClicked = $(this).attr('id'); 
     } 
    }; 

    $.fn.activeTiles = function(method) { 

     // Method calling logic 
     if (methods[method]) { 
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 
     } else if (typeof method === 'object' || !method) { 
      return methods.init.apply(this, arguments); 
     } else { 
      $.error('Method ' + method + ' does not exist on jQuery.slider'); 
     } 
    }; 

})(jQuery); 

내가 알아 찾고 있어요 것입니다. 기술적으로 가능한 한 var tileClicked = $ (this) attr ('id')이 현재 위치에서 작동하지 않는 이유를 설명해주십시오. 다르게 또는 최선의 관행 등을 기술적으로 자세히 설명해주십시오.

Answer 1

오타 :

$(this).attr('id'); 

참고 .

Answer 2

경우 init 내부 this 어쩌면 당신이 $(this)을 사용해서는 안, 대신 간단하게 다음과 같이 this 쓰기, 이미 jQuery를 개체입니다 :

 init : function() { 
     var tileClicked = this.attr('id'); 
    }