JQuery와 IE 지원()

Question

모든,

나는 다음과 같은 코드가 사업부가 표시되지 않는 인터넷 익스플로러에서

<div id="show" display="none"></div> 

    var ele=document.getElementById('show'); 
    ele.style.display='block'; 
    ele.style.padding='1px'; 
    ele.style.borderLeft='solid 1px #d0d0d0'; 
    ele.style.borderBottom='solid 1px #a0a0a0'; 
    ele.style.position='absolute'; 
    ele.style.borderTop='solid 1px #d0d0d0'; 
    ele.style.borderRight='solid 1px #a0a0a0'; 
    ele.style.backgroundColor='#ffffaa'; 
    ele.style.fontSize='12px'; 
    ele.style.fontFamily='helvetica'; 
    ele.style.color='black'; 

    $(window).mouseover(function(event) { 
    $("#show").css({'top': (event.pageY)/2, 'left': '10px'}); 
    }); 

누군가가 작동하도록 나에게 코드 변경을 알려 주시기 바랍니다 수 있습니다 IE에서.

감사합니다 ...................

당신은 쇼라고하지 않은

Answer 1

... 모든

$("#show").show(); 

Answer 2

먼저 설정할 수 CSS 클래스의 모든 스타일.

#show { copy all your styles here } 

난 당신이 오 마우스 움직임에 따라 사업부를 이동하려면 다음 마우스 오버보다는 mosemove를 처리 할 수있다 생각합니다. 문서 준비 이벤트 내에 mousemove 기능을 포함하십시오.

$(function(){ 
    $(window).mousemove(function(event) { 
     $("#show").css({'top': (event.pageY)/2, 'left': '10px'}); 
    }); 
}); 

편집

당신이 툴팁으로 행동 할 수있는 사업부를 원하는 경우에 당신은 블록으로 사업부의 표시 스타일을 확인이

$("#show").css({'top': event.pageY + 15, 'left': event.pageX + 15}); 

같은 것을 쓸 수 있습니다 전에 CSS 값을 변경하십시오. 이처럼 jQuery를

ele.style.display='block'; 

그리고 전화 :

Answer 3

난 당신이 다음 행을 가지고해야한다고 생각

$("#show").css({'top': 100, 'left': 10}).show();// element gets passed to callback function 

당신은 내가 top에게 고정 된 값을 준 것을 알 수 있습니다, 단지 있도록 요소가 모두 표시되도록 결정할 수 있습니다. 그렇다면 IE가 event.pageY 값을 얻지 못한다고 안전하게 말할 수 있습니다. 또한, 올바른 경우 픽셀 값 CSS 속성은 위에서 정의한 것과 같습니다. 당신이 CSS와 함께 할 수있을 때 모든

Answer 4

첫째, 왜 자바 스크립트를 사용하는 클래스

#show { 
// put it here 
} 

에 CSS를 이동? JavaScript 문제의 일부가 IE 문제 일 수 있습니다.

그리고 너는 비어있다.하지만 어떻게 비어있는 div를보고 싶니? 텍스트를 넣고 다시 시도하십시오.

Answer 5

  <script type="text/javascript"> 
       myFlashObject=new Object 
       myFlashObject.movie="new_wheel.swf" 
       myFlashObject.quality="high" 
       myFlashObject.wmode="transparent" 
       myFlashObject.width="960px" 
       myFlashObject.height="600px" 
       myFlashObject.version="6,0,0,0" 
       commitFlashObject(myFlashObject, "flash") 
      </script>