кнопка jquery прекрасно работает первый раз, но второй раз не работает

Я создал очень простой индекс.html-файл и внутри я включил некоторый скрипт jquery. Вы можете увидеть ниже:

    <script>
        $(document).ready(function(){
        var $tweets = $('.tweets');
        var current_position = -1;
        function getTweets(){
          var index = streams.home.length - 1;
          var cp = index;
          while(index >= current_position + 1){
            var tweet = streams.home[index];
            $tweets.append('<div class="twe"><span class="name" style="color:blue">' + '@' + tweet.user + ': ' + ' </span><span class="message">' + tweet.message + tweet.created_at + '</span></div>');
            index--;
          }
          current_position = cp;
        }
        getTweets();
        $('button').click(function(){
          getTweets();
        });
        $('.name').click(function(){
          $tweets.prepend('<div>' + 'objname' + streams.home.length + '</div>');          
        });

      });
</script>

есть одна кнопка, используемая для обновления всех твитов и динамически помещать их в раздел С class=»твиты» части. И эта кнопка работает отлично, независимо от того, сколько раз я нажимаю ее.

Затем я добавляю событие click ко всем тем , у кого есть имя класса «name», и как только я его нажму, он добавит ‘objname’ + streams.жилище.длина к фронту моего
раздел class=» tweets » часть. Проблема в первый раз, я нажимаю $(‘.имя’) это работает хорошо , но позже после того, как я добавил больше элементов через $(‘button’) нажмите событие. похоже новый созданный $(‘.name’) элементы не являются кликабельными, что означает, что они не генерируют потоки ‘objname’+.жилище.длина к фронту моего
раздел с частью class= «tweets». Я действительно запутался здесь и не знаю, почему.

1 ответ

  1. попробуйте следующее

    $("body").on("click",".name",function(){
              $tweets.prepend('<div>' + 'objname' + streams.home.length + '</div>');          
            });
    

    Поскольку ваш элемент добавляется во время выполнения на странице, о нем необходимо позаботиться отдельно с помощью «on», который автоматически связывает события при создании события.

    проверить ссылку