Jetzt weiß ich, dass diese grundlegende Frage schon einmal gestellt wurde, aber ich muss etwas falsch machen. Ich weiß, dass ein angefügtes Element gebunden werden muss, bevor ich etwas dagegen tun kann. Versuchen Sie es trotzdem, ich kann es nicht zum Laufen bringen.

Ich rufe eine Nachricht auf und zeige an, wenn Leute auf eine Radioauswahl klicken. Wann immer ich versuche, das neue Element zu binden, stapelt es sich auf seltsame Weise. Die Elemente werden gestapelt. zB- [Klick 1] Nachricht 1, [Klick 2] Nachricht 1 und 2 und so weiter.

Ich habe eine ganze Reihe von Möglichkeiten ausprobiert, um es zu binden. Meine Hoffnung war, dass das Entfernen #feedback entfernen und dann die nächste Nachricht erstellen und binden würde. Ich muss etwas schreckliches falsch machen. Ich weiß, dass dies anderen Posts sehr ähnlich ist, aber ich habe sie alle durchgesehen und konnte keine klare Antwort finden, um zu helfen. Danke im Voraus.

Das HTML

<div class="answers">
    <ul>
        <li>
            <input id="answer" type="radio" onclick="feedback('THE MESSAGE HTML')"><label>Label</label>
        </li>
    </ul>
</div>

JavaScript:

function feedback(message)
{
    $('#answer').live('click', function()
    {
        $('#feedback').remove();
    });

    $('#answer').live('click', function()
    {
        $('.answers').append('<div id="feedback">'+message+'</div>');
    });
};