Как удалить добавленный элемент с помощью Jquery и почему привязка или прямая трансляция заставляют элементы повторяться
Теперь я знаю, что этот основной вопрос задавался раньше, но я, должно быть, делаю что-то не так. Я знаю, что добавленный элемент должен быть привязан, прежде чем я смогу что-либо с ним сделать. Однако, как бы я ни пытался, я не смогу заставить его работать.
Я добавляю сообщение и показываю, когда люди выбирают радио. Когда я пытаюсь связать новый элемент, он складывается странным образом. Это начнет складывать элементы. Например: [Нажмите 1] сообщение 1, [Нажмите 2] сообщение 1 и 2 и т. д.
Я перепробовал множество разных способов связать это. Я надеюсь, что удаление удалит #feedback, а затем создаст и свяжет следующее сообщение. Я должен делать что-то ужасно неправильно. Я знаю, что это очень похоже на другие посты, но я просмотрел их все и не смог найти достаточно четкого ответа, чтобы помочь. Заранее спасибо.
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>');
});
};