jQuery on CargoCollective .hover/.mouseover

Question

CargoCollective에 사이트를 만들었지 만 jQuery 1.4.2를 사용하여 필요한 기능이없는 것으로 보입니다.

을 : 당신이 할 수있는 경우에 경우 http://jsfiddle.net/hendos43/a3hFh/1/

당신이 코드 끝날 때까지 건너 뛰고, 그 다음 것 같이, 어떤 이유로 그것을 볼 수 없습니다 :

그래서, 내가 목표로하고있어 결과가 이것이다

목표 : 직원의 사진

갤러리하는 onmouseOut 사라지지 않습니다 바이오 (별도의 사업부를) 표시를 통해 공중 선회 할 때 (시 이미지 위로 가져 가면 정지 마우스),하지만 다른 이미지까지 거기있을 것입니다.이 넘어서 다음 mouseover 이벤트를 트리거합니다.

JS :

$(document).ready(function() { 
    $('a[id^="link"]').mouseover(function() { 
     $div = $('div#' + $(this).data('hide')); 
     $div.siblings('[name^="people_bio"]').fadeOut(0).end().fadeIn(200, function() { 
      if (!$div.is(':visible')) { 
       $('nothing').fadeIn(40); 
      } 
     }); 
    }); 
});​ 

CSS :

#chris, 
#patrick, 
#jonathan, 
#toby { position:absolute; 
    left:285px; 
    top:10px; 
    border: 0px; 
    background:none; 
    padding: 5px; 
    width: 150px; 
} 

#holder { width:270px; 
    position:absolute; 
    top:10px; 
    left:10px;}     

.hidden{ 
    display:none; 
} 
.shown{ 
    display:block; 
} 
​ 

HTML :

<div id="holder"> 
    <a id="link_chris" href="javascript:" data-hide="chris"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
    <a id="link_patrick" href="javascript:" data-hide="patrick"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
    <a id="link_jonathan" href="javascript:" data-hide="jonathan"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
    <a id="link_toby" href="javascript:" data-hide="toby"><img src="http://payload.cargocollective.com/1/2/77014/2272969/patrick%20crop.jpg"></a> 
</div> 

     <div name="people_bio" id="chris" class="hidden">chris' bio</div> 
     <div name="people_bio" id="patrick" class="hidden">patrick's bio</div> 
     <div name="people_bio" id="jonathan" class="hidden">jonathan's bio</div> 
     <div name="people_bio" id="toby" class="hidden">toby's bio</div> 
​ 

UNF

내가 사용한 코드는 다음입니다 아마도 jQuery가 1.4.4에서이 기능을 사용하기 때문에 몇 가지 변경 사항이 있었고 cargo는 1.4.2를 사용했기 때문에 아마도 작동하지 않는 것 같습니까?

jsFiddle의 테스트 옵션을 사용하면 1.4.4에서 작동하지만 1.4.2에서는 작동하지 않으며 맞춤 HTML 섹션에서 1.7을 연결하면 나머지 사이트가 손상되어이 기능이 작동하지만 div는 CSS 스타일 지정 위치를 무시합니다. 또한 .hover와 동일한 효과를 시도했습니다.

아무도 해결책이 있으십니까?

(이미지가 동일하지 않음을 유의하십시오. 대신 data를 사용

Answer 1

당신은 1.3.2