Changer la fonction du bouton avec jQuery?

Cela peut être une question stupide, mais je ne peux tout simplement pas l'obtenir. Je peux changer la fonction du bouton ordinaire en JavaScript mais pas avec jQuery. Je vise un texte très simple bouton de redimensionnement. Ce bouton a besoin de deux fonctions différentes, celle qui rend le texte plus grand et les changements de la fonction de clic à l'autre fonction, et cette autre fonction de la taille du texte et des modifications de la fonction de clic pour la première fonction. Depuis le même bouton sera utilisé pour les deux agrandissement et réduction de la texte sixe, j'ai besoin de ce travail.
Je travaille sur un projet de l'école de droit maintenant, et nous avons seulement utiliser jQuery/jQuery UI pour cette mission.

Ordinaire JavaScript, il serait quelque chose comme ceci:

var button = document.getElementById('click-button');
button.onclick = firstClick;

function firstClick (){ 
    button.onclick=secondClick;
}

function secondClick(){ 
    button.onclick=firstClick;
}

Comment puis-je obtenir la même chose avec jQuery?

stackoverflow.com/questions/4911577/...
J'ai pensé que j'ai cherché à fond, mais le terme 'toggle' doit avoir glissé mon esprit

OriginalL'auteur mizuki | 2013-03-21

  1. 10

    Quelque chose comme le code ci-dessous fonctionne.

    $("#click-button").on('click', firstClick)

function firstClick() {
    alert("First Clicked");
    $("#click-button").off('click').on('click', secondClick)
}

function secondClick() {
    alert("Second Clicked");
    $("#click-button").off('click').on('click', firstClick)
}

    Exemple ici: http://jsfiddle.net/K3Xk4/

    Merci!!!! Je vais essayer cela.
    Il a parfaitement fonctionné, enfin je peux à la main dans mon affectation 😉

    OriginalL'auteur ryadavilli

  2. 3

    Vous n'avez pas besoin de changer le gestionnaire de tous les temps. Vous pouvez utiliser une fonction et une variable pour vérifier si vous avez déjà cliqué sur le bouton (ou pas).

    var even = false;

$('#click-button').click(function() {
    if(even) {
        doEven();
    } else {
        doOdd();
    }

    even = !even;
});

function doOdd() {
    //first click, third click, fifth click, etc
}

function doEven() {
    //second click, fourth click, sixth click, etc
}

    OriginalL'auteur Tim S.

  3. 1

    Vous pouvez simplement faire comme ceci 

    <button id="click-button">test</button>

    var flag = 1;
    $("#click-button").click(function(){
        if(flag == 2){
            secondClick(); flag = 1;
        }else{
            firstClick(); flag = 2;
        }
    });

    function firstClick(){
        alert("First Click.");
    }

    function secondClick(){
        alert("Second Click.")
    }

    cochez ici http://jsfiddle.net/K3Xk4/5/

    OriginalL'auteur Subodh Ghulaxe

  4. 0

    J'irais avec des événements personnalisés et de traitement des données:

    $('#click-button').on({
    firstClick : function()
    {
        //do something
        alert(111);

        //switch back
        $(this).data('nextClick', 'secondClick');
    },

    secondClick : function()
    {
        //do something
        alert(222);

        //switch back
        $(this).data('nextClick', 'firstClick');
    },

    click : function()
    {
        var nextClick = $(this).data('nextClick') || 'firstClick';
        $(this).trigger( nextClick );
    }
});

    Exemple ici: http://jsfiddle.net/psycketom/nbSMg/

    Vous garder tout le temps avec les mêmes éléments de la portée, pas besoin de définir des variables à l'extérieur de l'fonctions.

    Peut-être un peu exagéré, mais il est le plus facile à maintenir.

    OriginalL'auteur jolt