我在網頁上有一個擴展部分,我正在使用jQuery來創建「展開/摺疊」鏈接,這些鏈接點擊後會互相切換。它工作在除IE8以外的每個瀏覽器中。事實上,當IE8處於兼容模式時,它可以很好地工作。jQuery問題在IE8中的2個對象上切換
應該發生的事情是,當您單擊「展開」時,可展開部分將向下滑動,並且「展開」鏈接切換到「顯示:無」,而「摺疊」鏈接切換到「顯示: 。這工作。但是,當你點擊 「摺疊」 鏈接時,(僅在IE8) 「展開」 鏈接從未再次出現:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Toggle Link Test</title>
</style>
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('.search_link').click(function(){
$('.search_link').toggle();
$('#toggle_div').slideToggle();
});
});
</script>
</head>
<body>
<fieldset>
<legend>Search
<a href="javascript: void(0);" class="search_link" style="display: inline;">Collapse [-]</a>
<a href="javascript: void(0);" class="search_link" style="display: none;">Expand [+]</a>
</legend>
<div id="toggle_div">
<p>blah blah blah blah blah blah blah blah</p>
<p>blah blah blah blah blah blah blah blah</p>
<p>blah blah blah blah blah blah blah blah</p>
<p>blah blah blah blah blah blah blah blah</p>
<p>blah blah blah blah blah blah blah blah</p>
<p>blah blah blah blah blah blah blah blah</p>
</div>
</fieldset>
</body>
</html>
可能無關緊要,但您的'
工作正常,當我在IE8中使用此測試時 - http://jsfiddle.net/infernalbadger/b8BFb/ – 2011-03-21 15:58:24
對不起''是因爲複製和粘貼錯誤。我爲了簡單而刪除了樣式。謝謝。 – Dexter 2011-03-21 19:29:37