cari

Rumah >hujung hadapan web >tutorial js >JQury slideToggle闪烁问题及解决办法

JQury slideToggle闪烁问题及解决办法

巴扎黑
巴扎黑asal
2017-06-29 11:50:381680semak imbas

在使用slideToggle 的时候经常会遇到列表收起时候闪烁的问题,一般IE浏览器会有这个问题，其他浏览器比如火狐不会出现闪烁.

一、解决方法
在页面配置7758f75eaa8b2856d574fece07da8ebf如下
39094adfd7aaaeccb099fa01d9ad046a
其中 "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>


Atas ialah kandungan terperinci JQury slideToggle闪烁问题及解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery中的toggle与slideToggle的区别Artikel seterusnya：jQuery中fadeIn、fadeOut、fadeTo的用法

Artikel berkaitan

Lihat lagi