jQuery : 작동하지 않는 img 클릭에 대한 트리거링

Question

Chrome에서 테스트 중입니다.

나는 하나의 항목을 데이터베이스에 추가하기 위해 사용자가 누를 수있는 '항목 추가'아이콘이 여러 개 있습니다. 또한 해당 목록의 버튼에 항목의 전체 목록을 추가해야하는 버튼이 있습니다.

이 작업을 수행하는 가장 쉬운 방법은 모든 아이콘에 대한 '클릭'이벤트를 트리거하는 것입니다. 아이콘을 통해 작업하는 이유는 항목 별 값이 아이콘이있는 div).

그러나 작동하지 않을 수 있습니다. 개별 아이콘의 이벤트 처리기가 완벽하게 작동하며 add-them-all 단추의 이벤트 처리기가 경고를 표시합니다.하지만 if 방아쇠 ('클릭') 명령을 추가하면 쇠고기가 생기지 않습니다.

선택자에 ':first'을 추가하여 아이콘의 첫 번째 클릭에 대한 클릭을 시도했지만 도움이되지 않았습니다.

$(function(){ 
    $('#addAllItemsButton').click(function() { 
    alert("Caught your button click"); 
    $('.addItemIcon').trigger('hover'); 
}); 

나는 브라우저는 당신이 클릭 이벤트를 트리거하는 것을 허용하지 않습니다 제안 몇 가지 게시물을 읽어, 그래서 문제가 내가 원하는 이벤트의 유형이 있는지 여부를 확인하기 위해 아이콘에 ' hover'이벤트 리스너를 추가 방아쇠. 답변 : 아니오, 같은 이야기입니다. 경고는 작동하지만 방아쇠는 작동하지 않습니다.

버튼 이벤트 수신기 인 전에 아이콘 에 아이콘 이벤트 리스너를 배치했습니다.

무슨 일 이니? 어떤 힌트를 주셔서 감사합니다. 우선

Answer 1

, 예를 들어, 선택이 유효한지 확인 :

$(function() { 
    $('#addAllItemsButton').click(function() { 
     var icons = $('.addItemIcon'); 
     alert(icons.length); 
    }); 
}); 

그것이 BTW 당신에게

적어도 1

을 주어야한다 - 내가 hover와 함께 몇 가지 문제를 경험했다. 당신은에 갈 수도 mouseenter/ mouseleave