Заставить функцию jquery .on работать с загруженным контентом AJAX
У меня возникают проблемы при получении .on 'click & apos; функция для работы с загруженным контентом AJAX.
Я работал с jquery .live раньше, но это первый раз с .on и понимаю, что он работает точно так же, поэтому не знаю, почему у меня проблемы.
Ниже приведен HTML-код, который дает элемент, на который вы нажимаете
<code> <h1>Press & 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 () даже не будет выполнен.