jQuery .bind et .unbind avec d'autres fonctions de clic

Question

J'ai ceci code. La fonction clickunbinds correctement mais quand je clique sur le bouton Edit 1 mais il ne le lie pas.

Qu'ai-je fait de mal? S'il vous plaît aidez-moi

Answer 1

Le principal problème avec votre code est que vous n'êtes pas reliant votre gestionnaire de clic à une fonction particulière (et il ne semble pas dire n'importe où dans les docs qu'il devrait rebondir à la précédente gestionnaire si vous appelez bind sans gestionnaire). Donc, vous devez changer votre code comme ceci:

var words = $("p:first").text().split(" "); 
var text = words.join("</span> <span class='la'>"); 
$("p:first").html("<span class='la'>" + text + "</span>"); 
function spanclick(){ 
    $(this).html('<input class="mm" value="' + $(this).text() + '"/>'); 
    $(this).unbind("click"); 
} 
$("span.la").click(spanclick); 
$("span.la").unbind("click"); 
$("#hmm").delegate(".mm", "blur", function() { 
    $(this).replaceWith("<span>" + $(this).val() + "</span>"); 
    $(this).bind("click"); 
    $("#get").html($("p").text()); 
}); 
$("#ed1").click(function() { 
    $("#get").html("Editing 1"); 
    console.log('aaa'); 
    $("span.la").bind("click", spanclick); 
}); 
$("#ed2").click(function() { 
    $("#get").html("Editing 2"); 
}); 

Mais ce n'est pas tout. Apparemment, quelque chose ne va pas avec votre CSS, car le div ed1 n'attrape pas les événements de clic. Il a été corrigé lorsque j'ai supprimé tous les CSS.