Question

我对Javascript很新，我正在努力完成我正在尝试的某项任务。我在搜索中遇到了这两个，但与我的问题没有关系。

Multiple onclick events in Javascript/html

Can I create multiple onclick events dynamically?

所以这就是我所拥有的。我有图标，如果你点击它们执行某个onClick事件。我正在尝试将它们组合在一起，所以如果你切换它们的图标会改变，我已经完成了这样的图标切换。

 onClick="$(this).find('i').attr('class', ($(this).attr('aria-expanded') == 'false' ? 'fa fa-times-circle-o' : 'fa fa-play-circle-o'));"

现在这里是我被困住的地方，我的研究空洞。我需要将onClick函数添加到图标中，我不知道如何实现这一点。

因此，当单击fa fa-play-circle-o时，它将触发triggerRadarAnimation（）;并且图标将切换到fa-times-circle-o，当按下该图标时，它将触发radarAnimateKill（）;并切换回另一个图标。

我有切换功能，但不确定如何将上述功能添加到切换功能。我可以在哪里找到解决方案的指导？

Answer 1

由于你正在使用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();
   }
 })

结合多个onClick事件

1 个答案: