An segmentu HTML z div zawierającego formularz zawierający tabelę:Jak ukryć formularza zagnieżdżonych z jQuery pod IE8
<!DOCTYPE html>
<html> <!-- xmlns="http://www.w3.org/1999/xhtml" lang="en" -->
<head>
<style type="text/css">
#content{position:relative}
table {border-color:#999;border-style:solid}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<button onclick="javascript:$('.content-panel').toggle();">Toggle</button>
<div id="content">
<div class="content-panel">
<form action='' method='post'>
<select>
<option>a </option>
</select>
<table>
<tr><td>ABCDEF</td></tr>
</table>
</form>
</div>
</div>
</body>
</html>
przycisk przełączania powinien ukryć formularz i jego zagnieżdżonej tabeli, ale nie robi tak pod IE8. (wersja 8.0.60001) Zawartość formularza zostaje ukryta, ale krawędź stołu nadal się wyświetla i zachowuje swój rozmiar. Jest związany z trybem standardowym; znika w trybie dziwactwa.
Czy ktoś ma obejście tego problemu?
Ta strona przykładowa została zmniejszona o tyle, o ile mogę ją zmniejszyć. Jeśli usunę zaznaczenie lub którykolwiek z elementów div, problem zniknie. Wybór musi być obecny, a tabela musi być zagnieżdżona w formularzu, ponieważ będzie zawierała elementy formularza.
Sama strona jest pod adresem: http://dev.rdbhost.com/rdbadmin/mainProbDemo.html
Zamieściłem ten problem wcześniej z nadmiernie uproszczonym przykładzie, który nie był powtarzalny. Dziękuję, jeśli na to spojrzałeś.
można udostępnić tę jsfiddle linku? – rahul
Nie jest zaskakujące, że Twój błąd jest [nie może być odtwarzany] (http://jsbin.com/ifaxe4). Naprawdę powinieneś zamieścić link do strony. – Kobi
W rzeczywistości jest on odtwarzalny, jeśli klikniesz "edytuj", a następnie ponownie wyświetl podgląd ... ale wydaje się, że jest to tylko problem z jsbin. Nie mogłem odtworzyć problemu z pliku HTML na moim komputerze. Tak czy inaczej, dlaczego nie po prostu ukryć div za pomocą CSS? – Mottie