双击事件上的切换元素不起作用

Question

我想要一个元素来切换双击事件，但它不起作用。

function doubleClick(e,fteven,position,oppname,mftname) {

var opponentstand = 'png.png';
var opponentrun = 'gif.gif';
var ftplayerstand = 'png.png';
var ftplayerrun = 'gif.gif';
var oppodd = fteven - 1;

jQuery('#div_label_ft').toggle(
    function(){
        var distance = jQuery('#div_label_opp').offset().left - jQuery('#div_label_ft').offset().left;

        jQuery('#div_img_opp').removeAttr('src',opponentstand).attr('src',opponentrun);
        jQuery('#div_img_ft').removeAttr('src',ftplayerstand).attr('src',ftplayerrun);

        jQuery('#div_label_ft').animate({
        'left': '+='+distance,
        }, 1500,function(){
            jQuery('input[type=radio]#div_ft').attr('checked',false);
            jQuery('#div_img_ft').removeAttr('src',ftplayerrun).attr('src',ftplayerstand).css('transform','rotateY(180deg)');
        });

        jQuery('#div_label_opp').animate({
        'right': '+='+distance,
        }, 1500,function(){
            jQuery('input[type=radio]#div_opp').attr('checked',true);
            jQuery('#div_img_opp').removeAttr('src',opponentrun).attr('src',opponentstand).css('transform','rotateY(360deg)');

        });
    },
    function(){
        var distance = jQuery('#div_label_opp').offset().left - jQuery('#div_label_ft').offset().left;

        jQuery('#div_img_opp').removeAttr('src',opponentstand).attr('src',opponentrun);
        jQuery('#div_img_ft').removeAttr('src',ftplayerstand).attr('src',ftplayerrun);


        jQuery('#div_label_ft').animate({
        'left': '+='+distance,
        }, 1500,function(){
            jQuery('input[type=radio]#div_ft').attr('checked',false);
            jQuery('#div_img_ft').removeAttr('src',ftplayerrun).attr('src',ftplayerstand).css('transform','rotateY(360deg)');
        });

        jQuery('#div_label_opp').animate({
        'right': '+='+distance,
        }, 1500,function(){
            jQuery('input[type=radio]#div_opp').attr('checked',true);
            jQuery('#div_img_opp').removeAttr('src',opponentrun).attr('src',opponentstand).css('transform','rotateY(180deg)');

        });//
});

}

这是我正在使用的函数。

它正在处理第二次双击，非常好。但不是第一次双击事件。

敬请指导！

Answer 1

文档说 .toggle() 函数已弃用 (http://api.jquery.com/toggle-event)

我用过 .animate()，它对我有用。

双击事件上的切换元素不起作用

toggle element on double click event not working

jquery

toggle