jQuery keypress event не сохраняется после вызова ajax

Question

Я пытаюсь создать простую систему комментариев для стенных сообщений (например, facebook wall) , и я использую кнопку загрузки больше, чтобы показать еще 10 сообщений из базы данных каждый раз «показать больше». нажата кнопка ... и для каждого сообщения есть комментарий textarea, чтобы добавить комментарий Я использую «Enter keypress function».

Событие Keypress работает по желанию перед вызовом ajax.

Когда пользователь активирует загрузку большего количества сообщений, событие keypress больше не функционирует, я проверил исходный код страницы, исходный текст, загруженный сообщениями, не найден на странице, но эти сообщения отображаются в браузере!

добавить комментарий функция:

$(function() { 
    $('.comment-form').keypress(function(event) { 
     if (((event.keyCode || event.which) == 13) && !event.shiftKey) { 
      // My ajax request here 
       } 
      }); 
    }); 

нагрузка больше функции:

$(function() { 
     //More Button 
     $('.more').live("click",function() { 
      var ID = $(this).attr("id"); 
      if(ID) { 
       $.ajax({ 
        type: "POST", 
        url: "{$url}/ajax.php", 
        data: "loadmore="+ ID, 
        cache: false, 
        success: function(html) { 
         $("#loadmore").append(html); 
        } 
       }); 
      } 
      return false; 
     }); 
    }); 

HTML:

 <div class="message"> 
     $Message 
     </div> 
     <div class="commenter"> 
     <textarea id="$id" class="comment-form" type="text" placeholder="Write comment..." maxlength="1000"></textarea> 
     </div> 

Я новичок, пожалуйста, помогите :)

Answer 1

Используй следующий код, чтобы иметь привязку событий нажатия клавиши для все будущей HTML наряду с текущей HTML в DOM -

$('.comment-form').on('keypress', (function(event) { 
    if (((event.keyCode || event.which) == 13) && !event.shiftKey) { 
     // My ajax request here 
    } 
})); 

Answer 2

HTML-содержимое загружается через ajax w он не связан с этим событием, это новое. Прикрепление события не ретроспективно. Вам нужно будет запустить функцию, которая привязывает события к новому HTML.