Question

我有主要用HTML和CSS编写的标签菜单。有5个选项卡，第一个选项卡在我们第一次加载页面时设置为活动状态。我不得不添加一些JS脚本，因为当我们点击另一个标签时，该活动标签不会将其外观更改为“非活动”（因此我们有两个标签为“活动”外观）。一切正常，但是如果我们点击，比如说，第三个标签，然后刷新网站，第一个标签将其外观从“非活动”更改为“活动”，因此有两个标签具有“活动”外观。只有样式是错误的，标签中的内容会查看正确的内容...因此，如果我们点击另一个标签并刷新页面，我们会有两个标签显示“活动”，但网站仍会从右侧标签查看内容。我不希望第一个选项卡在刷新页面后将其外观设置为“活动”。我不知道JS，我不知道如何解决它。

使用Javascript：

jQuery(function($){
       $(".tabmenu").children("div").click(function(){
           $(".current").removeClass("current");
       });
   });

以下是完整代码：http://jsfiddle.net/y5SzQ/1/

Answer 1

最简单的解决方案

$(".tabmenu").children("div").click(function () {
    $(".current").removeClass("current");
})
.filter(location.hash).click();

_{（测试：更改标签，右键单击重新加载resule框架）}

演示：http://jsfiddle.net/y5SzQ/3/

它的作用只是触发点击事件，类似于用户点击鼠标时发生的事情。如果有location.hash（例如'#french-tab'）和其他标签，则必须选择波兰语，然后.filter(location.hash)将变为.filter('#french-tab')，并且将选择相应的标签。< / p>

CSS和Javascript中的选项卡式菜单 - 选项卡设置在刷新页面后处于活动状态

1 个答案:

演示：http://jsfiddle.net/y5SzQ/3/