点击添加锚点不跳转

最新推荐文章于 2022-10-17 16:19:38 发布

Young C

最新推荐文章于 2022-10-17 16:19:38 发布

阅读量250

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/shunyiyangchun/article/details/108585318

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
			$(function() {
				var defaultTabId = "";
				$(".tab").on("click", ".tab-option", function() {
					var dataTabId = $(this).attr("data-tab-id"); //1
					$(".tab").find(".tab-option").removeClass("selected");
					$(this).addClass("selected");
					$('.tab-content').removeClass("show");
					$('.tab-content[data-tab-id=' + dataTabId + ']').addClass("show");
					history.replaceState({
						selectedTab: dataTabId
					}, "", "#tab=" + dataTabId);
				});
				if(location.hash) {
					defaultTabId = location.hash.substr(1).split("=")[1];
					$(".tab").find(".tab-option").removeClass("selected");
					$('.tab-option[data-tab-id=' + defaultTabId + ']').addClass("selected");
					$('.tab-content').removeClass("show");
					$('.tab-content[data-tab-id=' + defaultTabId + ']').addClass("show");
				}
			});
		</script>