desactivar un método jQuery .toggle()

Busco una manera de desactivar un .toggle() unido a un divdesactivar un método jQuery .toggle()

if (condition) { 
    $("#div").toggle(
     function() { 
      do this 
     }, 
     function() { 
      do that 
     } 
    ); 
} 
else { 

    // How do I achieve this? 
    $("#div").disableToggle(

    ); 
}

Más explicación:

Esta es una aplicación de mapas. El toggle en cuestión está vinculado a un botón de imagen. El mapa se carga a nivel de zoom 4. El usuario amplía y el botón en cuestión solo se activa cuando el usuario amplía más que el nivel de zoom 6. Una vez que el usuario reduce a menos del nivel 6, quiero que el botón de alternar vuelve a estar inactivo

Fuente

2011-09-28 punkish

La mejor manera es para desenlazar los eventos 'click' que alternan añade. Publicaba una respuesta, pero ahora estoy fuera de tiempo. –

Probablemente no deberías estar usando alternar() en este caso; toggle() utiliza un contador interno y es muy probable que se vuelva a usar el bork si intenta encenderlo y apagarlo. – Kato

No es que intente apagar 'toggle()'. Es más como si quisiera deshabilitarlo en alguna condición. La aplicación depende de un cierto nivel de zoom del mapa. Solo con el zoom correcto, la palanca debe estar activa. Cuando el usuario se mueve fuera del rango del zoom, el botón de alternar debe desactivarse. – punkish

¿Por qué no desenlazar el clic?

$('#div').unbind('click');

Fuente

2011-09-28 22:17:44 Finbarr

'toggle' no es un evento o un controlador de eventos. Es una función de conveniencia que realmente agrega' click' manipuladores. –

Así que acabo de descubrir. Sin embargo, parece que la anulación del evento click funciona. http://jsfiddle.net/finbarr/gePha/ – Finbarr

exactamente como mi primer comentario sobre la pregunta del OP dijo;) ~~ "La mejor manera es desvincular los eventos de clic que alternan agrega. Publicaba una respuesta, pero estoy fuera de tiempo en este momento ". La respuesta que actualmente no tengo tiempo para publicar (técnicamente estoy trabajando) iba a eliminar específicamente ese controlador de eventos en particular. Tu respuesta los elimina a todos. Para muchos proyectos, ese método draconiano está bien, así que elevé tu respuesta. Agregaría una advertencia, aunque señale que esto eliminará los controladores * all * click. –

Se puede poner condition dentro de la función:

$("#div").toggle(
    function() { 
     if (condition) { 
      //do this 
     } 
    }, 
    function() { 
     if (condition) { 
      //do that 
     } 
    } 
);

Fuente

2011-09-28 22:13:27 nachito

Si no estaban de paso a funciones anónimas toggle(), se puede utilizar la técnica descrita on this forum post para desenlazar los eventos.

Fuente

2011-09-28 22:15:07 bfavaretto

lamentablemente, no funciona. Activa el alternar, pero la desvinculación no ocurre. – punkish

Puede utilizar .cleanData():

// this will destroy all data bound to that element 
$.cleanData($("#div"));

Demo.

Fuente

2011-09-28 22:17:44 karim79

Su código de demostración no parece hacer nada. Además, ¿qué se supone que significa esa sintaxis? –

@Ben Lee: comente la última declaración y haga clic en los divs volverá a funcionar. Mata el 'toggle()'. – karim79

¿Está CleanData documentado en algún lugar? Lo estoy buscando en Google, pero no puedo encontrar una página que explique lo que se supone que debe hacer. –

Aquí está una manera:

Retire la clase que se ha seleccionado para alternar. Violín aquí: http://jsfiddle.net/leifparker/rSP34/2/

HTML

<div class="button_toToggle"> Toggle it! </div> 
<div class="button_disableToggle"> Disable Toggle </div> 
<div class="happyDiv togglable">&nbsp;</div>

$('.button_toToggle').click(function(){ 
    $('.togglable').toggle(); 
}); 
$('.button_disableToggle').click(function(){ 
    $('.happyDiv').removeClass('togglable'); 
});

Fuente

2011-09-28 22:30:51 leifparker

desactivar un método jQuery .toggle()

Respuesta

Cuestiones relacionadas