我正在嘗試制作選擇選項，并且需要更改所選項目的類（鼠標懸停時），所以基本上我不是網(wǎng)絡(luò)開發(fā)人員，所以我真的不知道如何實現(xiàn)這一點，我我試圖對此進行研究，但沒有成功。所以我需要兩件事，一旦用戶將鼠標懸停在所選意見上，類就會li更改為dk_option_current，一旦用戶單擊選擇，我就可以做一些未來的事情，我真的不知道如何實現(xiàn)這一點，我可能正在使用Javascript ，但這只是我自己要做的大量工作。<div class="dk_container dk_theme_black dk_open" id="dk_container_arrow-tip" tabindex="1" style="display: block;"> <a class="dk_toggle" style="width: 129px;"> <span class="dk_label">TopHat 3D 60g</span> </a> <div class="dk_options"> <ul class="dk_options_inner"> <li class="dk_option_current"><a data-dk-dropdown-value="1">TopHat 3D 20g</a></li> <li class=""><a data-dk-dropdown-value="2">TopHat 3D 70g</a></li> <li class=""><a data-dk-dropdown-value="4">TopHat 3D 100g</a></li> <li class=""><a data-dk-dropdown-value="6">Brass 3D 70g</a></li> <li class=""><a data-dk-dropdown-value="7">Brass 3D 100g</a></li> <li class=""><a data-dk-dropdown-value="9">Brass Bullet 70g</a></li> <li class=""><a data-dk-dropdown-value="10">Brass Bullet 100g</a></li> <li class=""><a data-dk-dropdown-value="12">Steel Field 70g</a></li> <li class=""><a data-dk-dropdown-value="13">Steel Field 100g</a></li> </ul> </div></div>
1 回答
萬千封印
TA貢獻1891條經(jīng)驗 獲得超3個贊
如果你確實更喜歡使用mouseover而不是使用 CSS，:hover你可以這樣做：
$(document).ready(function() {
$(".dk_options_inner li").mouseover(function() {
$(".dk_options_inner li").removeClass("dk_option_current");
$(this).addClass("dk_option_current");
});
$(".dk_options_inner li").click(function() {
$(".dk_options_inner li").removeClass("dk_option_current selected");
$(this).addClass("dk_option_current selected");
$(".dk_label").text($(this).text());
});
});
.dk_option_current, .selected {
color:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dk_container dk_theme_black dk_open" id="dk_container_arrow-tip" tabindex="1" style="display: block;"><a class="dk_toggle" style="width: 129px;"><span class="dk_label">TopHat 3D 20g</span></a>
<div class="dk_options">
<ul class="dk_options_inner">
<li class="dk_option_current selected"><a data-dk-dropdown-value="1">TopHat 3D 20g</a></li>
<li class=""><a data-dk-dropdown-value="2">TopHat 3D 70g</a></li>
<li class=""><a data-dk-dropdown-value="4">TopHat 3D 100g</a></li>
<li class=""><a data-dk-dropdown-value="6">Brass 3D 70g</a></li>
<li class=""><a data-dk-dropdown-value="7">Brass 3D 100g</a></li>
<li class=""><a data-dk-dropdown-value="9">Brass Bullet 70g</a></li>
<li class=""><a data-dk-dropdown-value="10">Brass Bullet 100g</a></li>
<li class=""><a data-dk-dropdown-value="12">Steel Field 70g</a></li>
<li class=""><a data-dk-dropdown-value="13">Steel Field 100g</a></li>
</ul>
</div>
</div>
- 1 回答
- 0 關(guān)注
- 189 瀏覽
添加回答
舉報
0/150
提交
取消