时间戳

首页 > 解决方案 > jQuery函数防止嵌套元素被读取

html - jQuery函数防止嵌套元素被读取

问题描述

我的任务是使用 HTML、CSS 和 jQuery 创建 Twitter 克隆。我得到了一个生成 10 条推文的 jQuery 函数，但是当我在 <scripts> 中调用它时，我只能让它在 <body> 标记中运行，并且我对 HTML 和 CSS 的所有更改都被取消了. 基本上它只是在我的单一背景之上吐出 10 条推文。

  <script>

   $(document).ready(function(){
     var $body = $('body');
     $body.html('Twitter-Clone');
     var $tweets = $("tweets-container");


     var index = streams.home.length - 1;
     while(index >= 0){
       var tweet = streams.home[index];
       var $tweet = $('<div></div>');
       $tweet.text('@' + tweet.user + ': ' + tweet.message);
       $tweet.appendTo($body);
       index -= 1;
     }

   });

 </script>

如果我写类似


    $tweet.appendTo($tweets) <!--or-->
    $tweet.appentTo("#tweets-container");

推文根本不显示，并且我的页面忽略了我编写的所有 HTML 和 CSS，除了 <body> 顶部的内容

我真的很想知道，如何将此函数应用到我的 <div>“tweets-container”，为什么代码在执行后似乎跳过了嵌套在 <body> 中的所有元素？

我想一旦我弄清楚了这一点，这将是朝着正确方向迈出的一大步。很感谢任何形式的帮助！如果需要，可以提供额外的代码。

标签： htmljquery

解决方案

推荐阅读