Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.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 将下一页上的按钮设置为焦点,就像用户单击的按钮一样_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将下一页上的按钮设置为焦点,就像用户单击的按钮一样

Javascript 将下一页上的按钮设置为焦点,就像用户单击的按钮一样,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想知道是否有办法将焦点设置为用户打开的新页面上上上一页单击的相同按钮或div。目前,我有一个标题,其中包含一个顶部导航栏,该导航栏在每个页面上都是相同的,但我想做的是,当用户单击其中一个导航按钮并转到下一页时,该导航按钮在下一页中保持高亮显示或聚焦。有没有办法做到这一点 以下是导航栏的当前代码: div.scroll菜单{ 背景色:333; 溢出:自动; 空白:nowrap; } 分区滚动菜单a{ 显示:内联块; 颜色:白色; 文本对齐:居中; 填充:14px; 文字装饰:无; } div.

我想知道是否有办法将焦点设置为用户打开的新页面上上上一页单击的相同按钮或div。目前,我有一个标题,其中包含一个顶部导航栏,该导航栏在每个页面上都是相同的,但我想做的是,当用户单击其中一个导航按钮并转到下一页时,该导航按钮在下一页中保持高亮显示或聚焦。有没有办法做到这一点

以下是导航栏的当前代码:

div.scroll菜单{ 背景色:333; 溢出:自动; 空白:nowrap; } 分区滚动菜单a{ 显示:内联块; 颜色:白色; 文本对齐:居中; 填充:14px; 文字装饰:无; } div.scroll菜单a:悬停{ 背景色:777; } div.scroll菜单a:焦点{ 背景色:777; }
最常见的方法是使用Javascript/jQuery或在服务器端代码中添加基于URL的活动类,然后使用该类突出显示标题中的元素。

最常见的方法是使用Javascript/jQuery或在服务器端代码中添加基于URL的活动类,然后使用该类突出显示标题中的元素。

最好的方法是创建一个activeclass,当您切换页面时,您可以更新哪些链接应该处于活动状态或不处于活动状态,请查看下面的示例

//代码在这里 $function{ //分别关注url和更新nav中的更改 $window.hashchangefunction{ var hash=location.hash.replace/^/; alerthash+-+location.hash; //现在更新我们的导航 updateNavlocation.hash; }; 函数updateNavhash{ $[数据活动]。每个函数索引,项{ //获取活动类名 var activeClass=$this.attrdata-active; //将其从每个 $this.removeClassactiveClass; //获取href var href=$this.attrref; //如果哈希与href相同,则比较并更新该类 ifhref==散列{ $this.addClassactiveClass; } }; } }; .主动{ 颜色:红色; }
最好的方法是创建一个activeclass,当您切换页面时,您可以更新哪些链接应该处于活动状态或不处于活动状态,请查看下面的示例

//代码在这里 $function{ //分别关注url和更新nav中的更改 $window.hashchangefunction{ var hash=location.hash.replace/^/; alerthash+-+location.hash; //现在更新我们的导航 updateNavlocation.hash; }; 函数updateNavhash{ $[数据活动]。每个函数索引,项{ //获取活动类名 var activeClass=$this.attrdata-active; //将其从每个 $this.removeClassactiveClass; //获取href var href=$this.attrref; //如果哈希与href相同,则比较并更新该类 ifhref==散列{ $this.addClassactiveClass; } }; } }; .主动{ 颜色:红色; }
有三种方法,您必须在javascript中读取URL参数,或在后端处理,或使用LocalStorage存储user.Element.focus的当前页面信息。有三种方法,您必须在javascript中读取URL参数,或在后端处理,或者使用LocalStorage为用户存储当前页面信息。