문 및 IMG 문제

Question

들어 난 데 문제는 당신이 첫 번째 이미지 위에 마우스를 가져 가면 것으로 보인다 있다는 것입니다 문

의에서 다음과 같은 논리를 사용하고 있습니다. 각 이미지에 대해 [i]을 보존하려고하지만이 작업을 수행하지 않는 것 같습니다.

function myHandler(elem, img) { 
    var curImg = img; 
    var curImgId = curImg.find('img'); 

    $(curImgId).live('click', function() { 
      $(this).hide(); 
    }); 

//Other stuff requiring preservation of [i] 
} 

Answer 1

이 첫 번째 이미지를 가리키면, 그 이미지 여기 는 작동 코드 숨 깁니다. 이것은 정상입니다.

그러나 문제는 두 번째 이미지가 이전에 첫 번째 이미지로 채워진 공간으로 이동하고 두 번째 이미지가 마우스 이벤트를 가져와 해당 이미지를 숨기는 것입니다. 나머지 이미지는 모두 사라질 때까지 계속 발생합니다.

두 번째 이미지 위에 마우스를 가져 가면이를 테스트 할 수 있습니다. 오른쪽의 모든 이미지가 사라집니다.

Answer 2

편집 : 나는 두 번째 @Digital 비행기 대답 할, 두 번째 이미지로 인해 첫 번째가 숨겨진되기 첫 번째 자리에 와서 이벤트를 트리거합니다. http://jsfiddle.net/njPdQ/8/

변화는 :

함수 myHandler가 (ELEM, IMG) {

console.log(elem); 

var curImg = img; 
var curImgId = curImg.find('img'); 
console.log(img); 
$(curImgId).live('mouseenter', function() { 
    console.log("Event handler: Hiding " + elem); 
    // $(this).hide();  
    $(this).css("visibility", "hidden"); //this will keep the images in place 

}); 

}