<div class="front_hover">
<img class="bg_img" src="image.jpg" width="320px" height="400px"/>
<div class="front_roll" style="display:none;">
<!-- CONTENT HERE -->
</div>
</div>
<script language="JavaScript" type="text/javascript">
jQuery(document).ready(function(){
jQuery(".front_hover").hover(
function() {
jQuery(".front_roll", this).fadeIn(200);
},
function() {
jQuery(".front_roll", this).fadeOut(200);
});
});
</script>
사용자가 첫 페이지의 블록을 가리킬 때 jQuery를 사용하여 콘텐츠를 표시하는 사이트가 있습니다. 지금까지 제대로 작동했으며 Chrome에서 작동이 중지되었습니다. 다른 모든 브라우저는 여전히 정상적으로 작동하는 것 같습니다.jQuery .hover Chrome에서 작동하지 않습니다.
라이브 사이트가 globalgeneration.co.uk
페이지가 * jQuery 1.10.2 *를 사용하고있는 것 같습니다. 'hover' 가상 이벤트는 * jQuery 1.9 *에서 더 이상 사용되지 않습니다. 최근에 jQuery를 업그레이드 했습니까? – techfoobar
호버가 작동 중입니다. 문제는 CSS 위치에 있습니다. '# content.front_content #front_top .front_roll' 규칙을'position : absolute'으로 바꾸고'top'과'left' 속성을 제거하면, 잘 작동합니다. – Martin
답변 해 주셔서 감사합니다. CSS 'absolute'가이를 수정합니다. 그래도 조금 혼란스러워. 동일한 jQuery 버전과 동일한 코드를 사용하는 [the180project.org.uk] (http://www.the180project.org.uk/)을 만들었고 정상적으로 작동합니다. – andyvisiont