2017-10-10 118 views
2

我对JavaScript很新,我正在努力处理我正在尝试执行的某个任务。我在搜索过程中遇到了这两个,但不涉及我的问题。组合多个onClick事件

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();并切换回另一个图标。

我有切换功能工作,只是不知道如何将上述功能添加到切换功能。任何指导我可以在哪里找到解决办法?

+0

你能否提供一些更多的代码,你的问题是模糊的,并尝试在元素添加一个js函数,而不是写的js –

回答

0

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