Javascript 使用JS显示和隐藏占用同一空间的多个div
我知道这里有很多这样的问题,我已经检查过了,但我仍然不能让我的工作 当我点击锚点时,它甚至不能进入console.logJavascript 使用JS显示和隐藏占用同一空间的多个div,javascript,jquery,html,css,ruby,Javascript,Jquery,Html,Css,Ruby,我知道这里有很多这样的问题,我已经检查过了,但我仍然不能让我的工作 当我点击锚点时,它甚至不能进入console.log $('.panel').hide(); $('.show')。单击(函数(事件){ console.log('test') event.preventDefault(); $('.panel').hide(); $('#section'+$(this.attr('id')).show(); }); .panel{ 显示:无; 位置:绝对位置; 边框:实心青色; }
$('.panel').hide();
$('.show')。单击(函数(事件){
console.log('test')
event.preventDefault();
$('.panel').hide();
$('#section'+$(this.attr('id')).show();
});代码>
.panel{
显示:无;
位置:绝对位置;
边框:实心青色;
}
供应商|路径do |表格|%>
小组2
小组3
小组4
我认为您在console.log()之后缺少“;”
在这之后,它可以阻止所有的操作。我认为您在console.log()之后缺少“;”
它可以在这之后阻止所有操作。确保将代码包装在$(function(){//your code here})中
或您在控制台中没有看到任何错误将代码转换为代码段,并且工作正常。问题是您需要将JS封装在$(function(){})中代码>如上面Toni Michel Caubet所述。在我的浏览器(Chrome)上,当我点击锚时,它会将测试记录到控制台。另外,你已经用css显示行隐藏了你的。面板显示:无
,因此你不必再用jQuery\35; hide()
隐藏它,谢谢你解决了这个问题!确保将代码包装在$(function(){//your code here})中
或您在控制台中没有看到任何错误将代码转换为代码段,并且工作正常。问题是您需要将JS封装在$(function(){})中代码>如上面Toni Michel Caubet所述。在我的浏览器(Chrome)上,当我点击锚时,它会将测试记录到控制台。另外,你已经用css显示行隐藏了你的。面板显示:无
,因此你不必再用jQuery\35; hide()
隐藏它,谢谢你解决了这个问题!