Javascript 使用类从一个标记中双击事件
当我点击旁白时,它工作正常,但当我在旁白上添加活动类,然后再次点击时,它不工作。实际上,我想在活动模式下单击侧边时切换箭头Javascript 使用类从一个标记中双击事件,javascript,jquery,html,Javascript,Jquery,Html,当我点击旁白时,它工作正常,但当我在旁白上添加活动类,然后再次点击时,它不工作。实际上,我想在活动模式下单击侧边时切换箭头 <article class="headings"> <p class="link">Link</p> <aside class="date"> Date <span class="fa fa-caret-down"></span> </a
<article class="headings">
<p class="link">Link</p>
<aside class="date">
Date
<span class="fa fa-caret-down"></span>
</aside>
<aside class="page-views">
Pageviews
<span class="fa fa-caret-down"></span>
</aside>
<aside class="comments">
Comments
<span class="fa fa-caret-down"></span>
</aside>
<aside class="flikes">
<i class="fa fa-facebook"></i>
Likes
<span class="fa fa-caret-down"></span>
</aside>
<aside class="fshares">
<i class="fa fa-facebook"></i>
Shares
<span class="fa fa-caret-down"></span>
</aside>
<aside class="fcomments">
<i class="fa fa-facebook"></i>
Comments
<span class="fa fa-caret-down"></span>
</aside>
<aside class="tweets">
<i class="fa fa-facebook"></i>
Tweets
<span class="fa fa-caret-down"></span>
</aside>
<aside class="pins">
<i class="fa fa-facebook"></i>
Pins
<span class="fa fa-caret-down"></span>
</aside>
<aside class="gpost">
<i class="fa fa-facebook"></i>
Posts
<span class="fa fa-caret-down"></span>
</aside>
<div class="clear"></div>
</article>
您可能需要创建一个动态/委托点击功能:
$(document).on('.click','.headings aside',function() {
$('.headings aside').removeClass('active');
$(this).addClass('active')
$('.headings aside').children('span.fa-caret-up').removeClass('fa-caret-up').addClass('fa-caret-down');
$(this).children('span').removeClass('fa-caret-down').addClass('fa-caret-up');
});
$(document).on('.click','.headings aside.active', function() {
$(this).children('span').removeClass('fa-caret-down').addClass('fa-caret-up');
});
您可能需要将fa插入符号向下翻转fa插入符号向上,以满足您的需要
$('.headings aside').click(function() {
$(this).toggleClass("active")
$(this).children('span').toggleClass('fa-caret-down fa-caret-up');
});
你可能想看看ToggleClass你到底想做什么?