Skip to main content
adicionou 21 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Para cada .on() existe um .off().

A descrição da API do off é:

(original) The .off() method removes event handlers that were attached with .on().
(traduzido) O método .off() remove ocscultadores de evento criados com .on().

O que éÉ importante aqui é que para remover tem de se chamarreferir a mesma função no momento do .off(). Eu sigiro emsugiro mudar o seu código. Em vez de usarter assim:

$('#cadastroModal').on('hidden.bs.modal', function (e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
})

Usardeve usar assim:

function handler(e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
}

$('#cadastroModal').on('hidden.bs.modal', handler);

e quando se quiser remover, usar

$('#cadastroModal').off('hidden.bs.modal', handler);

Se não se indicar a mesma função (e funções anónimas não se poder referir) o que acontece é que ele remove todos os event handlers para esse elemento.

Para cada .on() existe um .off().

A descrição da API do off é:

(original) The .off() method removes event handlers that were attached with .on().
(traduzido) O método .off() remove ocscultadores de evento criados com .on().

O que é importante aqui é que para remover tem de se chamar a mesma função. Eu sigiro em vez de usar

$('#cadastroModal').on('hidden.bs.modal', function (e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
})

Usar

function handler(e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
}

$('#cadastroModal').on('hidden.bs.modal', handler);

e quando se quiser remover, usar

$('#cadastroModal').off('hidden.bs.modal', handler);

Se não se indicar a mesma função (e funções anónimas não se poder referir) o que acontece é que ele remove todos os event handlers para esse elemento.

Para cada .on() existe um .off().

A descrição da API do off é:

(original) The .off() method removes event handlers that were attached with .on().
(traduzido) O método .off() remove ocscultadores de evento criados com .on().

É importante referir a mesma função no momento do .off(). Eu sugiro mudar o seu código. Em vez de ter assim:

$('#cadastroModal').on('hidden.bs.modal', function (e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
})

deve usar assim:

function handler(e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
}

$('#cadastroModal').on('hidden.bs.modal', handler);

e quando se quiser remover, usar

$('#cadastroModal').off('hidden.bs.modal', handler);

Se não se indicar a mesma função (e funções anónimas não se poder referir) o que acontece é que ele remove todos os event handlers para esse elemento.

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Para cada .on() existe um .off().

A descrição da API do off é:

(original) The .off() method removes event handlers that were attached with .on().
(traduzido) O método .off() remove ocscultadores de evento criados com .on().

O que é importante aqui é que para remover tem de se chamar a mesma função. Eu sigiro em vez de usar

$('#cadastroModal').on('hidden.bs.modal', function (e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
})

Usar

function handler(e) {
    // retorna ao comportamento anterior, só precisávamos agora
    $('#cadastroModal').on('hidden.bs.modal', function (e) {});
    if (self.hasLoggedUser()) {
        $('#pedidoModal').modal('show');                    
    }
}

$('#cadastroModal').on('hidden.bs.modal', handler);

e quando se quiser remover, usar

$('#cadastroModal').off('hidden.bs.modal', handler);

Se não se indicar a mesma função (e funções anónimas não se poder referir) o que acontece é que ele remove todos os event handlers para esse elemento.