jQuery onclick errore di registrazione

Question

ho un tasto che voglio collegare un ascoltatore click, ma ogni volta che il codice viene eseguito, si genera un errore console

jquery.js:4435 Uncaught TypeError: ((n.event.special[g.origType] || (intermediate value)).handle || g.handler).apply is not a function

Ecco il codice js che innesca l'errore, la prima linea funziona bene, la seconda linea è quella che causa l'errore

$toolbar.off('click', '.btn-save'); // $toolbar is assigned $("#toolbar") on init   
$toolbar.on('click', '.btn-save', function(e){ 
    saveData(0); 
}); 

quello che mi confonde, se corro quel po 'di codice manualmente tramite la console, ottengo nessun errore

Ecco il codice HTML

<div class="row" id="toolbar"> 
<div class="col-lg-12"> 
    <button type="button" class="btn btn-primary btn-save">Save</button> 
    <button type="button" id="btnCancel" class="btn btn-default btn-cancel">Cancel</button> 
</div> 
</div> 

Answer 1

ho trovato il problema, qui di seguito i miei ascoltatori, c'è un ascoltatore estraneo che ho attaccato

$(document).on("click", "#btn-back", Views.Editor.close);

Il problema qui è che Views.Editor.close è il nome del metodo errato. Quando ho cambiato il nome del metodo, l'errore scompare

Non mi rendevo conto che un ascoltatore estraneo può influenzare gli altri

Answer 2

Ah. sembra che tu possa avere i tuoi parametri JQuery errati se ho capito la domanda/cosa stai cercando di fare.

eventi DOM dovrebbero essere aggiunti agli argomenti

html:

<div class="row"> 
<div class="col-lg-12"> 
    <button id="save-btn-id" type="button" class="btn btn-primary btn-save">Save</button> 
    <button type="button" id="btnCancel" class="btn btn-default btn-cancel">Cancel</button> 
</div> 
</div> 

JS:

$(document).ready(function() { 
    $('#save-btn-id').click(function(evt) { 
    saveData(0); 
    }); 
}); 

Answer 3

Prova questo: https://jsfiddle.net/jorge182/a1y9abcj/2/

toolbar = $("#toolbar") 


$(toolbar).off('click', '.btn-save'); // $toolbar is assigned $("#toolbar") on init   
$(toolbar).on('click', '.btn-save', function(e){ 
    saveData(); 
}); 


function saveData(){ 
    alert(); 
} 

Answer 4

Da quello che vedo in jQuery I documenti API per la loro funzione .off() & nell'esempio di codice sopra riportato, sembra che la funzione non venga passata come terzo parametro alla funzione .off(). Quindi è possibile che la libreria jQuery si stia lamentando di non riuscire a trovare una funzione per rimuoverla.

See: http://api.jquery.com/off/

Prova questa & vedere se aiuta:

function clickListener(e){ 
    saveData(0); 
}; 

$toolbar.off('click', '.btn-save', clickListener); 
$toolbar.on('click', '.btn-save', clickListener);