2012-09-18 4 views
0

CSS :Jquery는 Chrome에서만 작동하나요?

.right_man 
{ 
    width: 50%; 
    height: 100%; 
    overflow: hidden;   
} 

JS :

jQuery(document).ready(function() { 
    $(this).mousemove(function (e) { 
     var page = $(document).width(); 
     if (page/2 > e.pageX) { 
      $('.right_man').width(page - e.pageX); 
     }else { 
      $('.right_man').width(page - (e.pageX - (page/2)) - (page/2)); 
     } 
    }); 
}); 

왜에만 크롬에 사용할 코드?

IE, Mozilla, Opera가 헴을 무시했습니다.

$ (this) .mousemove를 $ (window) .mousemove로 변경합니다. $(window).mousemove$(this).mousemove을 변경

Fixt

+0

여기에 함수 예제를 작성하면 (http://jsfiddle.net/) 도와 드리겠습니다. – RASG

+0

이게 뭔가요? http://jsfiddle.net/bDgak/ –

+0

네, 어떤 아이디어입니까? – CyberDx

답변

2

보십시오.

+0

모질라가 코드를 얻습니다. IE에 여전히 문제가 있습니다. – CyberDx

0

에 한번 사용

jQuery(document).ready(function() { 
    $(this).mousemove(function (e) { 
     var page = $(document).width(); 
     if (page/2 > e.pageX) { 
      $('.right_man').css("width", page - e.pageX); 
     }else { 
      $('.right_man').css("width", page - (e.pageX - (page/2)) - (page/2)); 
     } 
    }); 
}); 

jquery css이 문제가 계속 지속되면 알려주세요.

관련 문제