jQuery를 자신의 플러그인 도움이 내가 쓴 잘못된 요소

Question

이 같은 지금까지 보이는 플러그인을 참조 나는 굵은 글씨를 클릭하는 것입니다. simpleReplace()은 첫 번째 글자를 클릭했을 때 2 번째 텍스트 영역의 값을 'b'로 설정하고 있습니다.

변수가 두 번째로 반복 될 때 변수를 덮어 쓰고 있다고 생각하여 잘못된 위치에 함수가있을 수 있습니다.

도움이 될 것입니다.

Answer 1

맞습니다. textarea을 덮어 씁니다. 해결책은 함수에 현재의 텍스트 영역을 통과하는 것입니다 : 현재의 텍스트 영역 이벤트 데이터 옵션을 통해 이벤트 핸들러에 전달되는 것을

$('div.editor-instance-' + i + ' div').live('click', {textarea: this}, function(e){ 
    var type = $(this).attr('class').substr(4); 

    switch (type) { 
     case 'bold': 
      simpleReplace(e.data.textarea, 'b'); 
      break; 
    } 
}); 

참고. 그런 다음

:

function simpleReplace(element, wrapper) { 
    $(element).val(wrapper); 
} 

---

은 물론 당신은 또한 루프의 내부 simpleReplace 기능을 넣을 수 있습니다. 이렇게하면 모든 텍스트 영역이 "자신의"simpleReplace 함수가됩니다. 그러나 이것은 또한 메모리 사용량을 증가시킬 것입니다.