Заставить функцию jquery .on работать с загруженным контентом AJAX

У меня возникают проблемы при получении .on 'click & apos; функция для работы с загруженным контентом AJAX.

Я работал с jquery .live раньше, но это первый раз с .on и понимаю, что он работает точно так же, поэтому не знаю, почему у меня проблемы.

Ниже приведен HTML-код, который дает элемент, на который вы нажимаете

<code>    <h1>Press &amp; Media</h1>
    <div id="back"></div>
    <div id="overlay-content">
        <span id="edocs" class="tab"></span>
        <span id="news" class="tab"></span>
        <span id="partners" class="tab"></span>
    </div>
</code>

Ниже приведена функция, которая загружает содержимое AJAX.

<code>    $("#overlay-content").on('click','#news',function() {
        var active = 1;
        $("#loading").show();
        $("#overlay-content").fadeOut(1000, function() {
            $.get("http://<? echo ROOT; ?>includes/functions.php", { pressmediaNews: active }, function(data) {
                $("#loading").hide(400);
                $("#overlay-content").empty().append(data).fadeIn(1000);
            });
        });
    });
</code>

Это должно загрузить следующий HTML

<code>    <div id="news-left-panel">
        <h4>News Section</h4>
        <ul>
            <li id="newsID2" class="newsYear">
                <p>2012</p>
                <ul class="newsMonths" style="display:none">
                    <li>Jan
                        <ul class="newsArticles" style="display:none">
                            <li onClick="newsID(2)">test</li>
                        </ul>
                    </li>
                    <li>Feb</li>
                    <li>Mar</li>
                </ul>
            </li>
            <li id="newsID1" class="newsYear">
                <p>2011</p>
                <ul class="newsMonths" style="display:none">
                    <li>Dec
                        <ul class="newsArticles" style="display:none">
                            <li onClick="newsID(1)">Test</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</code>

Теперь вышеприведенный код просто не будет выполняться, покажет любые ошибки и так далее в firebug.

Поэтому я немного растерялся из-за того, почему он не будет выполнен, alert () даже не будет выполнен.

Ответы на вопрос(7)

Ваш ответ на вопрос