JQury slideToggle閃爍問題及解決方法
- 巴扎黑原創
- 2017-06-29 11:50:381655瀏覽
在使用slideToggle 的時候常常會遇到清單收起時候閃爍的問題,一般IE瀏覽器會有這個問題，其他瀏覽器例如火狐不會出現閃爍.
一、解決方法
在頁面設定7758f75eaa8b2856d574fece07da8ebf如下
98b4a04187af3f8d9c2852e86995f9a5
其中"http://www.w3.org/TR/html4/loose.dtd" 是必要的，如果少了這句話還是會有閃爍的問題，具體為什麼我不太清楚
我查了下，這個句話好像牽扯到規範。如果有大牛看到這篇貼文並知道原因，請留言，謝謝
二、例子
[下面是一個例子]
程式碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/
javascript
" src="js/jquery-1.6.2.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip1").click(function(){
$(".panel").slideToggle("slow");
});
});
$(document).ready(function(){
$(".flip2").click(function(){
$(".pane2").slideToggle("slow");
});
});
</script>
<style type="text/css">
p.panel,p.flip1,p.pane2,p.flip2
{
margin:0px;
padding:5px;
text-align
:center;
background
:#e5eecc;
border:solid 1px #c3c3c3;
width:150px;
}
p.panel,p.pane2
{
display:none;
}
</style>
</head>
<body>
<p class="flip1">基础数据</p>
<p class="panel">
<p><a href="#">员工管理</a></p>
<p><a href="#">角色管理</a></p>
<p><a href="#">
权限管理
</a></p>
</p>
<p class="flip2">新闻管理</p>
<p class="pane2">
<p><a href="#">查询新闻</a></p>
<p><a href="#">添加新闻</a></p>
</p>
</body>
</html>以上是JQury slideToggle閃爍問題及解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn