Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS显示和隐藏占用同一空间的多个div_Javascript_Jquery_Html_Css_Ruby - Fatal编程技术网

Javascript 使用JS显示和隐藏占用同一空间的多个div

Javascript 使用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{ 显示:无; 位置:绝对位置; 边框:实心青色; }

我知道这里有很多这样的问题,我已经检查过了,但我仍然不能让我的工作

当我点击锚点时,它甚至不能进入console.log

$('.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()
    隐藏它,谢谢你解决了这个问题!