jQuery slideDown()方法有关问题
日期：2014-05-16 浏览次数：20411 次
jQuery slideDown()方法问题
求解.为何slideDown()方法只有IE10能实现滑动效果,其他所有浏览器都是直接弹出?
------解决方案--------------------
问题在于span是行内标签，不是块标签。行内标签没有高的概念。
修改方法一：把span改成div (你本身的html结构太不合理，好好改改)
修改方法二：你非要这结构就添加上css代码span{display:block}把sapn改成块显示
------解决方案--------------------
dtd写了吗？这是页面正确解析的首要条件。
求解.为何slideDown()方法只有IE10能实现滑动效果,其他所有浏览器都是直接弹出?
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
a{text-decoration:none;background:#666666;}
.z{background:#666666;color:white;margin:0px;border:1px solid #cccccc;}
div{margin-top:0px;width:200px;}
p{text-align:center;padding-top:3px;height:30px;}
.d p{background:#CCCCCC;margin:0px;border:1px solid #999999;height:25px;width:200px;}</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.d').hide();
$('div').click(function(){
$(this).find('span').slideDown(1000),
fadeIn(1000);
});
});
</script>
</head>
<body>
<div>
<p class="z">Books</p>
<span class="d">
<a href="#"><p>C#</p></a>
<a href="#"><p>JavaScript</p></a>
<a href="#"><p>HTML</p></a>
<a href="#"><p>CSS</p></a>
</span></div>
</body>
</html>
jquery
javascript
------解决方案--------------------
问题在于span是行内标签，不是块标签。行内标签没有高的概念。
修改方法一：把span改成div (你本身的html结构太不合理，好好改改)
修改方法二：你非要这结构就添加上css代码span{display:block}把sapn改成块显示
------解决方案--------------------
dtd写了吗？这是页面正确解析的首要条件。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
