IE6 : jQuery 탭을 선택하면 드롭 다운 목록이 렌더링되지 않습니다.

Question

jQuery 탭 안에 양식이 있습니다. 간단한 방법으로 탭을 만듭니다.

$("#tabs").tabs({selected: 1}); 

선택한 색인 1은 양식이있는 탭입니다. 문제는 IE6와 원격 컴퓨터에서 모두 드롭 다운 화살표를 클릭 한 경우에만 대신 옵션 목록의 작은 빈 줄을 표시 선택 :

옵션

Incorrect dropdown http://queen3.at.tut.by/DropDownIE6jQuery.PNG 페이지 소스에서이 있고, 모든 것을가 실제로 작동 다른 컴퓨터, 다른 브라우저 및 IE6에서도 사용할 수 있습니다 (IETester를 사용하지만). 내가

• 제거 탭을 생성, 즉 .tabs가() 인 경우

  모든 또한 작동 - 옵션이 표시 작업 않는다; ; 옵션이 표시 않고 클릭 만

  • 작동 - 또는 양식없이
  • 첫번째 선택 탭 다음 (탭 0), 그리고 그것을 클릭 프로그램 .tabs ("선택"1) 탭을 생성 한 후

사람이 될 수 있습니다 알고 있나요 도움이되지 않습니다? 그것은 IE6 버그 또는 내 스크립트와 함께 뭔가?

업데이트 : 흠, this 덕분에, 나는 내 CSS와 함께 뭔가를 발견했습니다 .- 내가 Site.css를 비활성화하면 작동합니다. 나는 스크립트에 대해서만 생각했다. 아직도 그게 뭔지 알아 내야 해.

업데이트 : 이것은이 CSS 규칙에 의해 발생되었다

나는 0.8 이상 만 0.7 설정 덜 IE6가 표시된 버그를 않는 경우가 작동

body { font-size: 0.7em; } 

.

누군가 설명 할 수 있습니까? 네, 정의에 의해 IE6 - 이상한,하지만 이 하나의 내 의견에 너무 이상한입니다.

Answer 1

본문 글꼴 크기를 변경하여 문제를 해결할 수는 없지만이 정확한 문제가 발생했습니다. dev.jqueryui.com/ticket/4734에 설명 된대로 (약간 수정 된) "추악한 해킹"방법을 사용하여 해결할 수있었습니다. 링크, 게시 됨 CiscoIPPhone :

// Ugly hack to switch tabs in IE6, fixing select menu bug. 
    if($.browser.msie && $.browser.version.substr(0, 1) <= 6) { 
    $("#tabs").tabs({ selected: 1 }); 
    setTimeout(function() { 
     $("#tabs").tabs("select", 0); 
    }, 10); 
    } 

이 버그를 피하기 위해 시간 제한이있는 것처럼 보입니다.

Answer 2

이 해결 방법으로 일부 컴퓨터에서는 문제가 해결되었지만 다른 컴퓨터에서는 해결되지 않는 것으로 나타났습니다.

내 솔루션은 처음에 스타일 시트에서 모든 선택 요소를 숨기고 나서 $("#tabs").tabs()을 호출 한 후 $('select').show()을 사용하여 표시합니다.

저를 위해 고쳤습니다.