jQuery - ссылка на селектор, который входит в комплект .load

Question

вы можете мне помочь?

У меня есть сайт, на котором отображается «новости». Последний один отображается при первой загрузке страницы, но старые новости загружаются только тогда, когда посетитель нажимает на ссылку под названием #oldnews:

$('#oldnews').load('ajax/older_news.php'); 

В «older_news.php» файл, после загрузки, имеет другое которая предназначена для скрыть эти старые новости. Однако эта ссылка не работает.

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

Любая информация о лучшем подходе к решению этого вопроса? Спасибо.

Answer 1

2 вещи. Как указано в комментариях, вы можете использовать .delegate. В новых версиях jQuery (1.7+) это очень просто.

$(function() { // good old $(document).load(function(){ //shorter! 
    // use document to asign delegation 
    //  asign an event like "click" or "keyup" 
    //   asign a selector like "#elementID" or ".element-class-name" or even just "ul li" 
    $(document).on("event", "selector", function(e) { 
     /* DO WORK 
       like any other event callback 
     */ 
    }) 

    // for older versions of jQuery, use .delegate or .bind 
    $(document).delegate("event", "selector", function(e) { }) 
}) 

Однако, не забывайте, что .load имеет функцию обратного вызова, а также. Таким образом, вы могли бы сделать что-то вроде:

$(function() { 
    $('#oldnews').load('ajax/older_news.php', function(response, status, jqXHR) { 
     $(".new-stuff:visible").hide(); 
    }); 
}) 

• .bind()
• .delegate()
• .load()
• .on()