2013-04-22 2 views
0

에 가져가 I이 jQuery를 스크립트가 있습니다.JQuery와 클릭과 같은 기능

하지만 특정 상자를 클릭하면 지금은 사람에, 다시 호버를 시작해야합니다 : 그것은 "클릭에"호버를 시작하고 실제 호버 기능을 유지할 수 어떻게 든

$('#first, #second, #third').click(function(){ ..... 

인가? 또는 "기능"으로 수정하십시오.

나는 그것을 시도했지만 실패했습니다.
감사합니다.

편집 :
여기에 이미지와 HTML 코드입니다 : 지금

<div class="auswahlbox"> 
     <div class="auswahl" id="first" data-id="1"> 
      <div class="bild"> 
       <img src="https://image.jpg" data-hover="https://images_hover.jpg" /> 
      </div> 
      <div class="box"> 
       <p>Text</p> 
      </div> 
     </div> 
     <div class="auswahl" id="second" data-id="2"> 
      <div class="bild"> 
       <img src="https://image.jpg" data-hover="https://images_hover.jpg" /> 
      </div> 
      <div class="box"> 
       <p>Text</p> 
      </div> 
     </div> 
     <div class="auswahl" id="third" data-id="3"> 
      <div class="bild"> 
       <img src="https://image.jpg" data-hover="https://images_hover.jpg" /> 
      </div> 
      <div class="box"> 
       <p>Text</p> 
      </div> 
     </div> 
    </div>  

상황 :
나는 그것이 잘 작동 .bild의 이미지를 호브
.

내가 필요한 것 : 나는 "<div class="auswahl" id="first" data-id="1">" (두 번째, 세 번째) 사업부를 클릭하면
는, 이미지의 호버 한 번 "시작"해야한다.

$('#first, #second, #third').click(function(){ 
    $('img[data-hover]').trigger('mouseover'); 
}); 

하는 #first, #second #third 그것이 img[data-hover]에 가져가 이벤트를 트리거 클릭하면됩니다

+0

"'#first, #second가, #은 third'"당신은 또한 3 개 이미지를 의미? 또는 모든 이미지에서 "마우스 오버"를 활성화 하시겠습니까? –

+0

html 코드가 없으면 질문이 명확하지 않습니다. –

+0

html 코드를 – Marek123

답변

2

당신은 같은 것을 의미합니까.

그냥 같은 div 시도의 이미지를 트리거하려면

$('#first, #second, #third').click(function(){ 
    $(this).find('img[data-hover]').trigger('mouseover'); 
}); 
+0

추가했습니다. 좋습니다. 이 같은. 그러나 내가 언급 한 것을 잊어 버린 이유는 이전에 함수에서와 같은 이미지로 호버를 시작해야한다는 것입니다. 몇 분 안에 코드를 추가합니다. – Marek123

+0

지금 추가되었습니다! – Marek123

+0

"정리"전에 코드가 제대로 작동했지만 이제는 작동하지 않습니다. – Marek123