왜 내 jquery 플러그인이 작동하지 않습니까?

Question

플러그인을 만들었지 만 콘솔에 콘솔을 넣으면 아무런 결과가 나타나지 않습니다.

무엇이 문제입니까? 아무도 내가 알아내는 것을 도울 수 있습니까?

내 코드 : 귀하의 jsFiddle 잘못되었다

(function ($){ 
    $.fn.slideIt = function() { 
     this.fadeOut('normal', function(){ 
      console.log(this); 
     }); 

} 
})(jQuery); 

Here is the fiddle

Answer 1

. HTML 상자에는 HTML 만 포함하고 JavaScript는 JavaScript 상자에 넣으십시오.

문제는 신고하기 전에 slideIt (으)로 전화했기 때문입니다. 여기

업데이트 된 예제 : 당신의 사업부가 존재하지, http://jsfiddle.net/RW8R3/1/

Answer 2

를 사용하여 문서 준비 이벤트 때 전화 플러그인 :

$(function(){ 
    $('#slideContainer').slideIt(); 
}); 

데모 : http://jsfiddle.net/RW8R3/2/

Answer 3

당신 "의 마법을 파괴하고 jQuery ". 플러그인은 다음과 같아야합니다

(function($) 
{ 
    $.fn.slideIt = function() 
    { 
     return this.each(function() 
     { 
      $(this).fadeOut('normal', function() 
      { 
       console.log($(this)); 
      }); 
     }); 
    } 
})(jQuery); 

$('#slideContainer').slideIt();​ 

그렇지 않으면 당신은 $ 등의 작업을 수행 할 수 없을 것이다 ('#의 slideContainer')를 slideIt()를 fadeIn를 ("느린")...

실무 데모 here.