Перезагрузить только jquery на странице

Question

Я использую jQuery и XAJAX на своей странице.У меня есть например:

<span id="one">one</span>
<span id="two">two</span>

Страница успешно загружена, а затем я добавляю элемент с XAJAX:

<span id="one">one</span>
<span id="two">two</span>
<span id="three">three</span>

Нет перезагрузки страницы.Но тогда возникает проблема, и я не могу щелкнуть новый добавленный элемент:

$(document).ready(function() {
        $("#one").click(function() {
           alert('one');
    }); // This works

        $("#three").click(function() {
           alert('one');
    }); // This doesn't working

});

Как я могу заставить его работать, чтобы я мог щелкнуть по добавленному элементу?

Answer 1

Если вы добавляете вещи, используйте живой метод:

$("#three").live('click', function(){
    alert('three');
});

Answer 2

(пс .: я предлагаю вам создать .class для создания одного .live () ... в противном случае вам придется создавать новый live () для каждого нового элемента ...)

что-то вроде:

$(".numbers").live('click', function() {
    alert('one');
});

:)

Answer 3

Вы должны использовать live ().

live() будет применяться к динамически добавляемым объектам.

$("#three").live('click', function(){
    alert('three');
});

http://api.jquery.com/live/

Answer 4

Ваш вопрос очень запутанный. Но я думаю, вы просто хотите живые события:

$("#one").live('click', function() {
    alert('one');
});

$("#three").live('click', function() {
    alert('one');
});