Javascript jquery的较新版本是否覆盖/失效或.slidetoggle()?
下面的代码片段是独立工作的,但不在我的网页中(我知道这可能有很多原因)。我正在尝试设置它,以便单击一个div切换另一个div 这里有一些可能的问题,请让我知道什么是合理的 1) 我的网页有最新的Jquery 1.10.1版本。在代码片段中,当我将Jquery切换到较新的版本时,切换不再起作用。在我的网页上,新版本(似乎不支持.slideToggle)会覆盖同样链接的旧版本吗 2) 我还注意到,在我的网页上,当我将光标悬停在顶部时,光标不会变为指针。这是否可能是一个分层问题,并且我没有在上面悬停,因此无法单击它 如果这不是直截了当的,请提问Javascript jquery的较新版本是否覆盖/失效或.slidetoggle()?,javascript,jquery,Javascript,Jquery,下面的代码片段是独立工作的,但不在我的网页中(我知道这可能有很多原因)。我正在尝试设置它,以便单击一个div切换另一个div 这里有一些可能的问题,请让我知道什么是合理的 1) 我的网页有最新的Jquery 1.10.1版本。在代码片段中,当我将Jquery切换到较新的版本时,切换不再起作用。在我的网页上,新版本(似乎不支持.slideToggle)会覆盖同样链接的旧版本吗 2) 我还注意到,在我的网页上,当我将光标悬停在顶部时,光标不会变为指针。这是否可能是一个分层问题,并且我没有在上面悬停,
<!DOCTYPE html>
<html>
<head>
<style>
p { width:400px; }
#top {cursor: pointer;}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div id="top">EMAIL ADDRESS</div>
<div id="bottom">
CONTENT INFORMATION
</div>
<script>
$("#top").click(function () {
$("#bottom").slideToggle("fast");
});
</script>
</body>
</html>
p{宽度:400px;}
#顶部{光标:指针;}
电子邮件地址
内容信息
$(“#顶部”)。单击(函数(){
$(“底部”)。滑动切换(“快速”);
});
您的代码正在使用jQuery 1.10
使用jQuery ready函数包装单击事件
$(document).ready(function(){
$("#top").click(function () {
$("#bottom").slideToggle("fast");
});
});
“既然我链接了较新版本的Jquery,它们会覆盖较旧版本吗”-你是说同一页面上包含了多个版本的Jquery吗?你关于CSS不起作用的第二点可能是一个线索是的。如果将
$(“#bottom”).slideToggle()
替换为简单的警报(“测试”)
是否有效?请注意,您显示的代码适用于jQuery 1.10.1: