a标签点击页面刷新但还保存当前点击的class是激活的状态

$(".shop-list1").find("li").each(function(){
           var href=$(this).attr("hrefs");
           var hd1 = window.location.pathname;
           var hd2 = window.location.search;
           var href1=hd1+hd2;
           var href2=href1.replace("/","");
           if($(this).attr("hrefs")==href2){
              $(this).addClass("active").sublings().removeClass("active")
           }

        })

原文地址：https://www.cnblogs.com/huangjinmei/p/8718291.html

时间： 2024-10-15 21:13:18

a标签点击页面刷新但还保存当前点击的class是激活的状态的相关文章

a标签的使用,页面刷新

前段时间,前辈分享了个网页,页面的刷新方式,当时没想那么多,随便看看,这有啥用! 页面的刷新方式: F5 浏览器刷新按钮代码中window.location.reload() 还有一个会影响你的,a标签啊,<a href=""></a>,如果href是空的,那么久会刷新页面了,不知道的伙伴可以试一试. a标签,久违的一些东西 a:link a:visited a:hover a:active 注意顺序哦,我一直以为hover只能为a标签服务,其实别的也可以的.

vue通过路由传值及在页面刷新后如何保存值

1.普通的路由跳转方式一:通过routerLinkTo方式,转为a标签的跳转,to里面相当于a标签的href路径如下: 方式二:通过this.$router.push方式: 如下: 2.带参数的路由跳转通过动态参数:通过这种方式传递的参数在刷新后不会消失,但会显示在url路径上 router设置如下: 跳转方式: 接收路由参数方式: 通过params和query等方式:query和path为一个组合,params和name为一个组合,不同之处在于query方式会显示在url上,而param

今天看见了一个有意思的题目-----请实现鼠标点击页面中的任意标签，alert该标签的名字

RT----感觉这个题目蛮有意思的---开整. 我第一眼看到这个题目的时候就觉得简直so easy嘛,没什么挑战性啊,不就是给一个标签绑定一个事件,用this来搞掂就OK了么........... 结果我再仔细一看发现想的略简单....... 好吧,进入正题我开始一直在想如何给页面上所有的元素绑定同一个事件纠结了不少时间,还百度了一下,不过没找到合适的答案,然后我就想貌似没有这种说法.然后我不知道怎么的就通过a标签想到了window和document对象. 然后给window绑定了事件,点击页

[email protected]鼠标点击页面中的任意标签，alert该标签的名称

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>鼠标点击页面中的任意标签,alert该标签的名称</title> 6 <style> 7 div { 8 background-color: blue; 9 width: 150px; 10 height: 150px; 11

嵌套页面，点击分页刷新导致的界面问题

1.弹出框里面数据,是后台直接返回的一个页面,点击分页整个页面刷新,然后界面就乱了.... 点击分页后,界面如下 2.分页代码 <ul class="pagination"> <li class="active"><a href="/examinee/group/examinees?page=1" class="number current">1</a></li> &

关于setInterval：如果你在不刷新页面的情况下，再次点击调用setInterval的按钮会怎样？

模仿教程做了一个倒计时的小页面,代码如下: 1 <html> 2 <head> 3 <title> 4 5 </title> 6 <style> 7 8 </style> 9 10 </head> 11 <body> 12 <form id="inputArea"> 13 请输入分钟数<input type="text" value="请输入数

点击<a>标签后禁止页面跳至顶部

一.点击<a>标签后禁止页面跳至顶部 1. 使用 href="javascript:void(0);",例如: <a href="javascript:void(0);"></a> 2. 将 href="#" 换成 href="###",例如: <a href="javascript:void(0);" onclick="doSave();"&g

JQuery模拟点击页面上的所有a标签，触发onclick事件

注意: 这种方法需要给所有的a标签加上id属性 <script> $(function () { // 模拟点击页面上的所有a标签,触发onclick事件 $("a").each(function () { document.getElementById(this.id).click(); }) }) </script> 原文地址:https://www.cnblogs.com/daleyzou/p/9500782.html

vue el-form鼠标事件导致页面刷新解决方案；vue 阻止多次点击提交数据通用方法

一.阻止表单自动提交刷新页面:<el-form> <el-form-item :inline="true" @submit.native.prevent> <el-input @keyup.enter.native='submit'></el-input> </el-form-item> </el-form> 注意: 鼠标事件导致页面刷新问题,在el-form上增加 @submit.native.prevent 可