单击后的Javascript延迟，设置超时不工作

提前谢谢你的帮助。我是JavaScript新手，所以我认为我做的一些基本错误。我想在类

'.fa'

和类

'之间
'toggleclass'
切换。在我点击类
'后，fa条fa次'
需要1秒。Uber菜单响应切换'

点击

“.fa”

和

“.fa bar fa times”

后，在

”和
“.fa bar fa times”之间进行切换。Uber菜单响应切换“
有效。我就是不能减少时间的延迟。我在Chrome的inspector中不断发现JavaScript错误。我会把我最好的猜测放在下面。我相信这很简单，但正如我所说，JavaScript对我来说是一个新领域

再次感谢你的帮助

jQuery(document).ready(function($) {
   $( '.ubermenu-responsive-toggle' ).on( 'click touchend' , setTimeout(function(){
      jQuery( this ).find( '.fa' ).toggleClass( 'fa-bars fa-times' );
   }, 1000));
});

试着利用

jshiddle
尝试利用

jshiddle
试试这个

jQuery(document).ready(function ($) {
    $('.ubermenu-responsive-toggle').on('click touchend', function () {
        var that=jQuery(this);
        setTimeout(function () {
            that.find('.fa').toggleClass('fa-bars fa-times');
        }, 1000);
    });
});

试试这个

jQuery(document).ready(function ($) {
    $('.ubermenu-responsive-toggle').on('click touchend', function () {
        var that=jQuery(this);
        setTimeout(function () {
            that.find('.fa').toggleClass('fa-bars fa-times');
        }, 1000);
    });
});

请小心setTimeout或setInterval函数中的对象“this”，因为可能不是您期望的对象，请尝试以下操作：

jQuery(document).ready(function($) { 
    $( '.ubermenu-responsive-toggle' ).on( 'click touchend' , function() {
        var $myToggles = $(this).find( '.fa' );

        setTimeout(function() {
             $myToggles.toggleClass('fa-bars fa-times');
        }, 1000);
    }); 
});

请小心setTimeout或setInterval函数中的对象“this”，因为可能不是您期望的对象，请尝试以下操作：

jQuery(document).ready(function($) { 
    $( '.ubermenu-responsive-toggle' ).on( 'click touchend' , function() {
        var $myToggles = $(this).find( '.fa' );

        setTimeout(function() {
             $myToggles.toggleClass('fa-bars fa-times');
        }, 1000);
    }); 
});

它给出了什么控制台错误<代码>设置超时

工作正常。看看它给出了什么控制台错误<代码>设置超时工作正常。谢谢你，乔斯。这就完成了任务。我希望有一天我能以有意义的方式为论坛作出贡献。Stackoverflow是一个很棒的站点。干杯谢谢你，何塞。这就完成了任务。我希望有一天我能以有意义的方式为论坛作出贡献。Stackoverflow是一个很棒的站点。干杯