jquery를 사용하여 javascript 함수를 호출하지 못했습니다.

Question

jQuery 문에서 javascript 함수를 호출하는 데 문제가 있습니다. 자바 스크립트 함수 안에 jQuery가 작동하지 않는 것 같습니다. 구문 오류가 있습니까? 나는 filterImage 기능을 내부에 더 많은 기능을 필요로하기 때문에

jQuery(function ($) { 
    // init the state from the input 
    $(".image-checkbox").each(function() { 
     if ($(this).find('input[type="checkbox"]').first().attr("checked")) { 
      $(this).addClass('image-checkbox-checked'); 
     } 
     else { 
      $(this).removeClass('image-checkbox-checked'); 
     } 
    }); 

    // sync the state to the input 
    $(".image-checkbox").on("click", function (e) { 
     if ($(this).hasClass('image-checkbox-checked')) { 
      $(this).removeClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().removeAttr("checked"); 
     } 
     else { 
      $(this).addClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().attr("checked", "checked"); 
     } 
     e.preventDefault(); 
    }); 
});  

구조가 변경되고, 브래킷 내부의 문이 제대로 실행하지 못했습니다 :

코드

이로 일했다.

$(".image-checkbox").on("click", function(e) { 
     filterImage(); 
    }); 

function filterImage() { 
    $(document).ready(function() { 
     if ($(this).hasClass('image-checkbox-checked')) { 
      $(this).removeClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().removeAttr("checked"); 
     } 
     else { 
      $(this).addClass('image-checkbox-checked'); 
      $(this).find('input[type="checkbox"]').first().attr("checked", "checked"); 
     } 
    }); 
} 

Answer 1

당신은 아마 대신이 일을 의미 : 내가 대신 함수 내에서, 클릭 이벤트 주위 ready 이벤트를 이동 한

$(document).ready(function() { 
    $(".image-checkbox").on("click", function() { 
     filterImage(this); 
    }); 
}); 

function filterImage(e) { 
    var $e = $(e); 
    if ($e.hasClass('image-checkbox-checked')) { 
     $e.removeClass('image-checkbox-checked'); 
     $e.find('input[type="checkbox"]').first().removeAttr("checked"); 
    } else { 
     $e.addClass('image-checkbox-checked'); 
     $e.find('input[type="checkbox"]').first().attr("checked", "checked"); 
    } 
} 

알 수 있습니다.

또한 사용자가 클릭 한 요소를 함수에 전달하지 않았기 때문에 $(this)을 사용할 수 없습니다. 이 문제를 해결하고 클릭 한 요소를 filterImage() 함수의 $e으로 캐스팅했습니다.