ie7 浏览器下 js的兼容性,该怎么解决
ie7 浏览器下 js的兼容性
<script type="text/javascript">
$(function(){
$(".subNav").click(function(){
$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")
$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")
// 修改数字控制速度, slideUp(500)控制卷起速度
$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);
})
$('.ny_curr').click(function(){
if ($(this).parents('li').next().find('p').size() > 0) {
if ($(this).parents('li').next().css('display') == 'none' ) {
$(this).parents('li').next().show();
} else {
$(this).parents('li').next().hide();
}
return false;
}
});
})
</script>
上面这段js是点击一级栏目展开二级栏目,现在ie7浏览器下有问题
下面是页面上的代码
<div style="*margin-left:-16px;" class="about_lm">
<div class="subNavBox">
<li><a class="ny_curr" href="/culture36.html">文化理念</a></li><ul style="*height:35px;" class="tupia"></ul><li><a class="ny_curr" href="/culture66.html">公司出版物</a></li><ul style="*height:35px;" class="tupia"><p class="hc"> <a href="/culture66.html">画册</a></p><p class="hc"> <a href="/culture67.html">宣传片</a></p></ul><li><a href="/culture68.html">社会责任</a></li><ul style="*height:35px;" class="tupia"></ul><li><a href="/culture69.html">赛迪人</a></li><ul style="*height:35px;" class="tupia"></ul>
</div>
</div>
请教大家一下,上面的代码,要怎么改才能兼容ie7浏览器,谢谢 !在线等
------解决思路----------------------
<script type="text/javascript">
$(function(){
$(".subNav").click(function(){
$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")
$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")
// 修改数字控制速度, slideUp(500)控制卷起速度
$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);
})
$('.ny_curr').click(function(){
if ($(this).parents('li').next().find('p').size() > 0) {
if ($(this).parents('li').next().css('display') == 'none' ) {
$(this).parents('li').next().show();
} else {
$(this).parents('li').next().hide();
}
return false;
}
});
})
</script>
上面这段js是点击一级栏目展开二级栏目,现在ie7浏览器下有问题
下面是页面上的代码
<div style="*margin-left:-16px;" class="about_lm">
<div class="subNavBox">
<li><a class="ny_curr" href="/culture36.html">文化理念</a></li><ul style="*height:35px;" class="tupia"></ul><li><a class="ny_curr" href="/culture66.html">公司出版物</a></li><ul style="*height:35px;" class="tupia"><p class="hc"> <a href="/culture66.html">画册</a></p><p class="hc"> <a href="/culture67.html">宣传片</a></p></ul><li><a href="/culture68.html">社会责任</a></li><ul style="*height:35px;" class="tupia"></ul><li><a href="/culture69.html">赛迪人</a></li><ul style="*height:35px;" class="tupia"></ul>
</div>
</div>
请教大家一下,上面的代码,要怎么改才能兼容ie7浏览器,谢谢 !在线等
------解决思路----------------------
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<div style="*margin-left:-16px;" class="about_lm">
<div class="subNavBox">
<li><a class="ny_curr" href="/culture36.html">文化理念</a><ul style="*height:35px;" class="tupia"></ul></li>
<li><a class="ny_curr" href="/culture66.html">公司出版物</a><ul style="*height:35px;" class="tupia"><p class="hc"> <a href="/culture66.html">画册</a></p><p class="hc"> <a href="/culture67.html">宣传片</a></p></ul></li>
<li><a href="/culture68.html">社会责任</a><ul style="*height:35px;" class="tupia"></ul></li>
<li><a href="/culture69.html" class="ny_curr">赛迪人</a><ul style="*height:35px;" class="tupia"><p>ul放li里面<p></ul></li>
</div>
</div>
<script type="text/javascript">
$(function(){
$(".subNav").click(function(){
$(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd")
$(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt")
// 修改数字控制速度, slideUp(500)控制卷起速度
$(this).next(".navContent").slideToggle(500).siblings(".navContent").slideUp(500);
})
$('.ny_curr').click(function(){
var a=$(this).next();
if (a.find('p').size() > 0) {
if (a.css('display') == 'none' ) {
a.show();
} else {
a.hide();
}
return false;
}
});
})
</script>