Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.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 我已经试着让jqueryshow/hide和attr dislay工作_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 我已经试着让jqueryshow/hide和attr dislay工作

Javascript 我已经试着让jqueryshow/hide和attr dislay工作,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我正在尝试使用jquery创建一个html页面站点,以显示和隐藏div,从而适应存在多个页面的想法。我尝试了show-hide方法,地址栏链接发生了变化,但是div没有变化。我回到.attrstyle,display:block;方法仍然不起作用。我把我想展示和隐藏的一些div放在这篇文章中,但并没有把它们全部放在这里,以保持文章的简短。我以前在另一个项目中做过这个功能,所以我遵循了工作的步骤,但似乎不想使用这个项目。我用Adobe括号编写代码,但我在dreamweaver和sublime中尝试

我正在尝试使用jquery创建一个html页面站点,以显示和隐藏div,从而适应存在多个页面的想法。我尝试了show-hide方法,地址栏链接发生了变化,但是div没有变化。我回到.attrstyle,display:block;方法仍然不起作用。我把我想展示和隐藏的一些div放在这篇文章中,但并没有把它们全部放在这里,以保持文章的简短。我以前在另一个项目中做过这个功能,所以我遵循了工作的步骤,但似乎不想使用这个项目。我用Adobe括号编写代码,但我在dreamweaver和sublime中尝试过,但仍然遇到同样的问题。我不确定是因为引导程序弄乱了它,还是因为我遗漏了一些小东西

$Document.readyfunction{//主菜单主页 $navHome.clickfunctionevent{ $home.attrstyle,显示:块; $primalkb.attrstyle,显示:无; $primalstr.attrstyle,显示:无; $mma.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $schedule.attrstyle,显示:无; $freetr.attrstyle,显示:无; /*$home.show; $primalkb,primalstr,关于,战斗训练,地点,kidsMA,时间表,freetr.hide*/ }; $navPrimalkb.clickfunctionevent{ $primalkb.attrstyle,显示:块; $home.attrstyle,显示:无; $primalstr.attrstyle,显示:无; $mma.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $schedule.attrstyle,显示:无; $freetr.attrstyle,显示:无; }; navPrimalstr.clickfunctionevent{ $primalstr.attrstyle,显示:块; $home.attrstyle,显示:无; $primalkb.attrstyle,显示:无; $mma.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $schedule.attrstyle,显示:无; $freetr.attrstyle,显示:无; }; $navKidsma.clickfunctionevent{ $primalkb.attrstyle,显示:块; $home.attrstyle,显示:无; $primalstr.attrstyle,显示:无; $mma.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $schedule.attrstyle,显示:无; $freetr.attrstyle,显示:无; }; $navMMA.clickfunctionevent{ $mma.attrstyle,显示:块; $home.attrstyle,显示:无; $primalstr.attrstyle,显示:无; $primalkb.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $schedule.attrstyle,显示:无; $freetr.attrstyle,显示:无; }; $navSchedule.clickfunctionevent{ $schedule.attrstyle,显示:块; $home.attrstyle,显示:无; $primalstr.attrstyle,显示:无; $mma.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $primalkb.attrstyle,显示:无; $freetr.attrstyle,显示:无; }; $navFreetr.clickfunctionevent{ $freetr.attrstyle,显示:块; $home.attrstyle,显示:无; $primalstr.attrstyle,显示:无; $mma.attrstyle,显示:无; $kidsma.attrstyle,显示:无; $location.attrstyle,显示:无; $schedule.attrstyle,显示:无; $primalkb.attrstyle,显示:无; }; }; -> -> -> 链接{ 颜色:柠檬黄; 文字装饰颜色:灰白色; } -> ssx kj -> s46545646s ssdjvkss sjsdfs sqs
试试这段代码,它可以帮助你

$("#navPrimalkb").click(function(event){
     $("#mma").css("display", "block");
   //$("#exm").css("display", "none");
}

如果你有锚的id,你可以使用$'id'。隐藏隐藏它,显示它,使用$'id'。显示

那么什么实际上不起作用?我建议你使用类,这样你就可以一次隐藏所有的“页面”。div不会改变。我刚打过的每一个球
随机键测试并查看它们是否更改,但它保持在home div上,并且样式显示为:block您说地址栏更改了吗?那么你是否真的在重新加载页面?不,只是在地址栏中,它取代了一个环回ip,因为我在括号中运行它,然后在最后,如果我单击home,它有navHome,或者如果我单击schedule,它有navSchedule,但除home之外的所有内容的div都不会显示。除home之外的所有div都设置为display:none,然后在jquery脚本中,您可以看到我为单击设置函数以更改显示的div。该页面从不重新加载,因为它是一个单独的页面,所以当你打开该页面时,它会全部加载。如果你打开浏览器控制台,这样你就可以看到你有一些错误,这可能会有所帮助。您应该有$document.ready而不是$document.ready。JavaScript区分大小写。第二,您的第三次单击事件有一个错误:navPrimalstr.click应该是$navPrimalstr.click。除此之外,它运行良好,我认为: