18910140161

JavaScript-无法触发Pill选项卡上的单击事件-堆栈溢出

顺晟科技

2022-10-18 14:19:06

139

我有药片

我试图实现的是刷新

后返回到最后一个标签。

<代码>函数SaveTabSelect(E){LocalStorage.SetItem(“ TagSelected ”,e.ID);返回true;}函数RetrieveSelected(){Var curtag=localstorage.getItem(“ tagselected ”);Var element=document.getElementById(curTag);element.ClassList.add(“ active ”);}
<代码><;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js ”>;<;/script>;<;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js ” integrity=“ sha384-apnbgh9b+y1qktv3rn7w3mgpxhu9k/scqsap7huibx39j7fakfpskvxusvfa0b4q ” crossorigin=“ anonymous ”>;<;/script>;<;script SRC=“ https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js ” integrity=“ sha384-jzr6spejh4u02d8jot6vlehfe/jqgirrsqqxsffwpi1mquvdayjuar5+76pvcmyl ” crossorigin=“ anonymous ”>;<;/script>;<;link rel=“ stylesheet ” href=“ https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css ” integrity=“ sha384-gn5384xqq1aowxa+058rxpxpg6fy4iwvtnh0e263xmfcjlsawiggfaw/dais6jxm ” crossorigin=“ anonymous ”>;<;UL CLASS=“ nav nav-pills ” role=“ tablist ”>;<;Li CLASS=“ NAV-ITEM ”>;<;A CLASS=“ NAV-LINK ACTIVE ” ID=“ PILLS-1-TAB ” DATA-BS-TOGGLE=“ TAB ” HREF=“#PILLS-1 ”>;<;I CLASS=“ ICOFONT ICOFONT-MAN-IN-GLISS ”>,<,/I>,1<,/A<;Li CLASS=“ NAV-ITEM ”>;<;A CLASS=“ NAV-LINK ” ID=“ PILLS-2-TAB ” DATA-BS-TOGGLE=“ TAB ” HREF=“#PILLS-2 ”>;<;I CLASS=“ ICOFONT ICOFONT-MAN-IN-GLASSES ”>,<,/I>,2<,/A>,&<;Li CLASS=“ NAV-ITEM ”>;<;A CLASS=“ NAV-LINK ” ID=“ PILLS-3-TAB ” DATA-BS-TOGGLE=“ TAB ” HREF=“#PILLS-3 ”>;<;I CLASS=“ ICOFONT ICOFONT-CONTACTS ”>,</I>,3<,/A>,<,/<;Li CLASS=“ NAV-ITEM ”>;<;A CLASS=“ NAV-LINK ” ID=“ PILLS-4-TAB ” DATA-BS-TOGGLE=“ TAB ” HREF=“#PILLS-4 ”>;<;I CLASS=“ ICOFONT ICOFONT-CONTACTS ”&>;&<;/I&>;4&<;/A>;;&<;/I>;5&<;/A&>;&;&<;/I>;6&<;/A>,&

每次我点击其中一个导航项目时,都会出现控制台错误。

Bootstrap不允许每个元素有多个实例。绑定实例:BS.tooltip

完全错误

function saveTabSelect(e) {
  localStorage.setItem("tagSelected", e.id);
  return true;
}

function retrieveSelected() {
  var curTag = localStorage.getItem("tagSelected");
  var element = document.getElementById(curTag);
  element.classList.add("active");
}


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航