0
要通過jQuery的刪除和添加活動類的jQuery的onclick添加類和刪除,但它不工作
$(document).ready(function() {
$('.list-tech li').bind('click', function(event) {
var className = $(this).attr('class');
$(this).parent().find('li.active').removeClass('active');
$(this).addClass('active');
$('.tech-details').hide();
$('#' + className).show();
$('.tech-details').removeClass('active mo-active').parent().addClass('active');
$('#' + className).addClass('active mo-active').parent().addClass('active');
});});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="part-deta">
<div class="da-one">
<img src="img/techno-1.png">
<p class="for-desktop">Acque primarie</p>
</div>
<div class="da-two">
<p class="for-mobile">Acque primarie</p>
<ul class="list-tech">
<li class="tech-1 active">
<span>Ifisici</span>
</li>
<li class="tech-2">
<span>MBR</span>
</li>
</ul>
</div>
<div class="da-three active">
<div id="tech-1" class="tech-details" style="display: none;">
<img src="img/techno-4.jpg">
<p>1. I reflui prodotti</p>
</div>
<div id="tech-2" class="tech-details" style="">
<img src="images/techno-4.jpg">
</div>
</div>
</div>
第一次單擊添加活動類 但是當點擊了第二次活動類沒有添加 我的代碼有什麼問題?
1.請更多clearance.2添加HTML。將'bind'轉換爲''' –
你的代碼似乎工作得很好 –