第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

單擊活動(dòng)過(guò)濾器的選項(xiàng)不起作用

單擊活動(dòng)過(guò)濾器的選項(xiàng)不起作用

汪汪一只貓 2023-10-04 15:59:20
我正在嘗試創(chuàng)建一個(gè)像這里一樣的過(guò)濾器。我在 HTML 文件中編寫(xiě)了一些代碼,方面是相同的,但 JavaScript 不起作用,這意味著如果我單擊默認(rèn)情況下處于活動(dòng)狀態(tài)的其他選項(xiàng),則不會(huì)發(fā)生任何情況。$(document).ready(function() {  $("#filter-bar li").click(function() {    $("#filter-bar li").removeClass("active");    $(this).addClass("active");    $("#filter-bar").removeClass().addClass($(this).attr("data-target"));  });})body {  background-color: #eee;  margin: 0;  padding: 0;  font-family: Tahoma;}h2 {  text-align: center;}#filter-bar {  width: 100%;  margin: 0;  padding: 0;  height: 36px;  display: inline-flex;}#wrapper-filter {  background-color: #fff;  width: 570px;  height: auto;  margin: 30px auto;  border-radius: 30px;  box-sizing: border-box;}#filter-bar li {  width: 190px;  background-color: transparent;  text-align: center;  list-style-type: none;  z-index: 10;  cursor: pointer;  font-family: Open Sans, sans-serif;  font-weight: 100;  font-size: 15px;  line-height: 36px;}.pill {  position: absolute;  width: 190px;  height: 38px;  background-color: #39c;  border-radius: 30px;  color: #444;  z-index: 10;  border: 5px solid #eee;  box-sizing: border-box;}.filter-option {  transition: color 500ms;}#filter-bar.option-1 .pill {  margin-left: 0px;  transition: margin-left 200ms ease;}#filter-bar.option-2 .pill {  margin-left: 187px;  transition: margin-left 200ms ease;}#filter-bar.option-3 .pill {  margin-left: 380px;  transition: margin-left 200ms ease;}.option-1.active,.option-2.active,.option-3.active {  color: #fff;  transition: color 200ms;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><h2>Animated filter selector</h2><div id="wrapper-filter">  <ul id="filter-bar">    <span class="pill"></span>    <li class="filter-option option-1 active" data-target="option-1">Books</li>    <li class="filter-option option-2" data-target="option-2">Shoes</li>    <li class="filter-option option-3" data-target="option-3">Toys</li>  </ul></div>所以,我認(rèn)為Javascript腳本根本不可見(jiàn),所以它應(yīng)該做的事情根本不會(huì)發(fā)生。難道是我放錯(cuò)地方了?我是前端初學(xué)者,所以不知道哪里出了問(wèn)題。誰(shuí)能幫我?
查看完整描述

目前暫無(wú)任何回答

  • 0 回答
  • 0 關(guān)注
  • 130 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)