jQuery AJAX Проблема с загрузкой содержимого

Question

У меня есть строгий веб-сайт XHTML 'main.php' с обычным заголовком, куда загружаются jQuery и другие скрипты - также есть меню:

        <div id="tab">
            <ul>
                <li><a href="#" onclick="content('load/feed.php');"><img src="feed_active.png" width="16" height="16" alt="Feed" /></a></li>
                <li><a href="#" onclick="content('load/feed2.php');"><img src="feed2_off.png" width="16" height="16" alt="Feed2" /></a></li>
            </ul>
        </div>

При клике URL загружается через jQuery.load (); в #content div. Все работает нормально, а также CSS, определенный в main.php для feed.php, добавлен в #content div.

Теперь проблема: в загруженном файле, например feed.php есть изображение

<img src="test.jpg">

Я добавил свою собственную функцию jQuery.mouseover, mouseout - и она не работает! Также у меня есть поле ввода в main.php и в feed.php, который загружается через AJAX, есть ссылка, например,

<a href="#" onclick="jQuery('#entermessage').val('test');">

Это тоже не работает, почему? Я думал, что загруженная страница AJAX интегрирована в main.php? Но все мои JS / jQuery Stuff не работает?

Надеюсь, ты понимаешь и надеюсь, что сможешь помочь?

Answer 1

Используйте обработчики событий live:

Привязывает обработчик к событию (например, нажмите) для всех текущих и будущих - согласованный элемент. Можно также связать обычай события.

Например:

$('#myImage').live("mouseover", function() {
    // do stuff
}).live("mouseout", function() {
    // do stuff
});

$('#myLink').live("click", function() {
    // do stuff
});