Javascript 组合多个onClick事件
我对Javascript非常陌生,我正在努力完成一项特定的任务。我在搜索中遇到了这两个问题,但与我的问题无关 这就是我所拥有的。我有一些图标,如果你点击它们,它们会执行某个onClick事件。我正在尝试将它们组合起来,所以如果你切换它们,图标会发生变化,我已经完成了这样的图标切换Javascript 组合多个onClick事件,javascript,onclick,Javascript,Onclick,我对Javascript非常陌生,我正在努力完成一项特定的任务。我在搜索中遇到了这两个问题,但与我的问题无关 这就是我所拥有的。我有一些图标,如果你点击它们,它们会执行某个onClick事件。我正在尝试将它们组合起来,所以如果你切换它们,图标会发生变化,我已经完成了这样的图标切换 onClick="$(this).find('i').attr('class', ($(this).attr('aria-expanded') == 'false' ? 'fa fa-times-circle-o
onClick="$(this).find('i').attr('class', ($(this).attr('aria-expanded') == 'false' ? 'fa fa-times-circle-o' : 'fa fa-play-circle-o'));"
现在我陷入了困境,而我的研究结果却一无所获。我需要将onClick函数添加到图标中,但我不确定如何实现这一点
因此,当点击fa-play-CYCLE-o时,将触发触发触发();图标将切换到fa-times-circle-o,按下该图标将触发radarAnimateKill();并切换回另一个图标
我有切换功能,只是不知道如何添加这些功能上面的切换功能。有关于我在哪里可以找到解决方案的指导吗 因为您使用的是jQuery,所以可以尝试以下方法:
// Bind a click handler that can perform logic in its handler
$(selectorString).click(function(event){
// Toggle both classes, so we get the right state
$(this)
.find('i')
.toggleClass('fa-play-circle-o')
.toggleClass('fa-times-circle-o');
// Check which class is currently applied, and run the appropriate
// animation.
if($($(this).find('i')).hasClass('fa-times-circle-o')) {
triggerRadarAnimation();
} else {
radarAnimateKill();
}
})
您能否提供更多的代码,因为您的问题不明确,并尝试添加js函数,而不是在元素中编写js