play – devfrontend.info

Source : jQuery click / toggle between two functions.
Plug-in : [jQuery-Function-Toggle-Plugin
] A jQuery plugin that binds multiple event handlers which are executed on each consecutive event.

Ajout d’un bouton Play/Pause au carousel Bootstrap : Simulation, fil de discussion sur Stack Overflow.

Problème : lancer deux opérations (ou fonctions) distinctes lorsqu’on clique sur un seul et même bouton (bouton play/pause par exemple).

(function($) {
    $.fn.clickToggle = function(func1, func2) {
        var funcs = [func1, func2];
        this.data('toggleclicked', 0);
        this.click(function() {
            var data = $(this).data();
            var tc = data.toggleclicked;
            $.proxy(funcs[tc], this)();
            data.toggleclicked = (tc + 1) % 2;
        });
        return this;
    };
}(jQuery));

(function($) {

$.fn.clickToggle = function(func1, func2) {

var funcs = [func1, func2];

this.data('toggleclicked', 0);

this.click(function() {

var data = $(this).data();

var tc = data.toggleclicked;

$.proxy(funcs[tc], this)();

data.toggleclicked = (tc + 1) % 2;

});

return this;

};

}(jQuery));

$('#test').clickToggle(function() {   
    $(this).animate({
        width: "260px"
    }, 1500);
},
function() {
    $(this).animate({
        width: "30px"
    }, 1500);
});

$('#test').clickToggle(function() {

$(this).animate({

width: "260px"

}, 1500);

function() {

$(this).animate({

width: "30px"

}, 1500);

});

Articles récents

Catégories

Archives

Méta

Étiquette : play

[jQuery] Click/toggle entre deux fonctions (bouton play/pause, start/stop)