2012-04-23 3 views
1

jquery onclick 함수에 대한 질문이 있습니다. 질문은 버그가 아닙니다.jquery는 클릭 기능을 많이 쓰지 않고

$(document).ready(function(){ 
    $('#dp1').datepicker({ 
      format: 'yyyy-mm-dd' 
    }); 
    $('#dp2').datepicker({ 
      format: 'yyyy-mm-dd' 
    }); 

    $("#addNewQ").on('click', function(){ 
     ....... 
    }); 
    $('#addNew').on('click', function(){ 
     ....... 
    }); 
    $('#addText').on('click', function(){ 
     ....... 
    }); 

}); 

내 질문이 더 잘 쓰는 방법입니다 : 내가 jQuery를 사용하는 몇 가지 버튼 클릭 기능을 쓸 때 , 내가 예를 들어, JQuery와 많이 쓰고 있습니다. 나는 많은 클릭 기능을 쓰고 싶지 않다.

나는 Google을 시도하지만 키워드를 모른다. 감사 !

+5

는 모든 클릭 이벤트가 같은 위치 : 당신은 자바 스크립트 OOP를 참조하여이 문서를 찾을 수 있습니다

당신을 위해 몇 가지 용도가? on ('click')을하거나 클래스에 부여한 다음 $ ('. add')를 할 수 있습니다. on ('click' ' –

답변

2

이러한 클릭 이벤트가 동일한 기능을 실행하는 경우 여러 요소에 클래스를 지정하여 사용할 수 있습니다. 이 클릭 이벤트의 각각 다른 기능을 실행할 경우

$('.datepicker').datepicker({ 
     format: 'yyyy-mm-dd' 
}); 

그러나, 당신은을 가지고 최고

: 예를 들어, 날짜 선택기는 다음 1 개 이벤트 리스너를 필요로하는 class="datepicker" 그들에 추가 할 수 각기 다른 클릭 이벤트 리스너.

그러나 이것은 1 개의 긴 DOM 준비 함수에서 클릭 이벤트 리스너를 나열해야한다는 것을 의미하지 않습니다. Javascript OOP를 사용하여 클릭 이벤트를보다 효과적으로 구성 할 수 있습니다.

http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-oriented-javascript/

+0

고마워, 어떻게 해야할지 알아. – lighter

관련 문제