zuerst ungebunden klicken und dann binden (jquery)

1. Ich habe ein onclick-Ereignis am,

$('#locations').click(function(){
$('#train').unbind('click'); 
//do some stuff
}

2.Sobald auf die Schließen-Schaltfläche geklickt wird

$('.close').click(function(){
//do some stuff
}

3.Dann noch einmal, wenn ich auf #train klicke

$('#train').bind('click', function() {
alert('train is clicked');
//do some stuff
}

Jetzt ist das Problem, dass #train nicht ausgelöst wird. Soll das Ereignis erneut an die .close-Funktion gebunden werden?

Bitte vorschlagen. Danke im Voraus.

Wenn Sie sich Ihre Frage ansehen, scheinen Sie das nicht zurück zu binden click Nach Ihnen unbind es, damit es nicht feuert. (Vorausgesetzt, Sie haben die Reihenfolge Ihrer Funktionalität richtig eingehalten). Du musst es so machen:

//Set a function with the action you need to do after you click the train
function  trainClick() {
  alert('train is clicked');
  //do some stuff
}

Wenn Sie unverbindlich sind, rufen Sie an unbind mit dem Funktionsnamen:

$('#locations').click(function(){
 $('#train').unbind('click',trainClick);
//do some stuff
}

Dann, um den Klick zu binden (when #close angeklickt wird), würden Sie verwenden:

$('.close').click(function(){
  $('#train').bind('click',trainClick);
  //do some stuff
}

HINWEIS :

Ein besserer Weg wäre die Verwendung on und off, wenn Sie eine Version größer als jQuery v1.7 verwenden, weil, nun ja … dann wird es nicht funktionieren. Ersetzen Sie im obigen Code einfach bind mit on und unbind mit off.

$('#train').on('click',trainClick);
$('#train').off('click',trainClick);

Hoffe das hilft!

BINDENDE UND UNBINDENDE HANDLER

Der Schlüssel ist Umfang.

Sie müssen die deklarieren und definieren function (trainClick(){stuff it does}) außerhalb des Ereignishandlers, damit die Funktionen der anderen Schaltflächen es sehen können.

Unten ist ein Beispiel.

function trainClick()
{
    alert("train is clicked"); //Notice this function is declared outside event handlers below
}
$('#button1').on("click", trainClick); //this calls the above function

$("#button2").on("click",function(){
    $("#button1").off("click",trainClick); //unbinds button1 from trainClick() function (event handler)
});//End Button 2 click

$("#button3").on("click",function(){
    $("#button1").on("click",trainClick); //binds button1 to trainClick() function (event handler)
});//End Button 2 click