jQuery 플러그인 개발 및 컨텍스트

Question

jQuery 플러그인을 개발하려고합니다. 지금까지 작성한 코드 스 니펫은 다음과 같습니다.

var MYNAMESPACE = MYNAMESPACE || {}; 
MYNAMESPACE.MyPlugin = function (inputElement, options) { 
    var element = $(inputElement), 
    oldValue = element.val(), 
    container = null, 

    init = function() { 
     container = $('<div class="container"></div>').hide().insertAfter(element); 

     //the suggest method is called from within the anonymous function 
     //called by getJSON... 
    }, 

    suggest = function (resp) { 
     for (var i = 0; i < len; i++) { 
      var item = $('<div/>') 
       .html('whatever') 
       .mouseover(function (index) { 
        return function() { 
         activateItem(index); 
        }; 
       } (i)); 

      container.append(item); 
     } 
    }, 

    activateItem = function (index) { 
     //container doesn't include those appended items. 
     //why??? 
    }; 

    init(); 
}; 

(function ($) { 
    $.fn.myplugin = function (options) { 
     return new MYNAMESPACE.MyPlugin(this.get(0), options); 
    }; 
} (jQuery)); 

activateItem 함수 내에서 컨테이너에는 하위 항목이 없습니다 !!! 왜 그런가요? 어떤 도움은 매우 극명하게 될 것이다

,

Answer 1

container 이미 정의 jQuery를 개체입니다,하지만 당신은 'XXXX'로 재정의된다. 그 값을 넣고 싶을 것 같아요? container.html('xxxx')을 사용해보세요.

.mouseover(function() { 
    container.html('xxxx'); 
    activateItem(i); 
}); 

---

업데이트 : 좋아, 지금

또한, 당신의 mouseover 기능은 인덱스가 정의되지 않습니다 함수를 (내가 그것을 테스트하지 않은) 반환, 대신이 시도되어 나타납니다 코드를 볼 시간이 있다면 len은 suggest 함수 안에 정의되어 있지 않습니다. 나는 모두 demo을 테스트하기 위해 초보적으로 만들었으며 예상대로 작동하는 것 같습니다.