>

기능을 유지하면서 아래 코드를 최소화하고 싶습니다. 이런 종류의 문제에 사용할 수있는 패턴을 제안 해주세요.

   // tb bid pickup location picker.
$('#--tb-bid-pickup-location').on('keyup', function () {
    toggler.toggler('#--tb-bid-location-picker', 'pulse');
});
// tb bid drop location picker.
$('#--tb-bid-destination-location').on('keyup', function () {
    toggler.toggler('#--tb-bid-location-picker', 'pulse');
});
// tb bid drop location picker.
$('#--tb-bid-vehicle-type').on('keyup', function () {
    toggler.toggler('#--tb-bid-truck-picker', 'pulse');
});

  • 답변 # 1

    "equilalency object"를 만들려면 어떻게해야합니까?

    클릭에서 영향을받는 2 열의 문자열 시트

    var equiv = {
      "--tb-bid-pickup-location"      : "--tb-bid-location-picker",
      "--tb-bid-destination-location" : "--tb-bid-location-picker",
      "--tb-bid-vehicle-type"         : "--tb-bid-truck-picker"
    };
    $( "[id^='--tb-bid']" ).on('keyup', function () {
      // Get the clicked ID.
      var thisID = $(this).attr("id");
      // If that id exist in the equiv object.
      if( equiv.hasOwnProperty(thisID) ){
        toggler.toggler("#"+equiv[thisID], 'pulse');
      }
    });
    
    

  • 이전 onclick - Jquery없이 마우스 클릭시 자바 스크립트 트리거 키 누르기
  • 다음 javascript - HTML5 입력 유형 파일 오류 처리