css jQuery代码不适用于类似Instagram克隆的课程项目

ccgok5k5  于 2023-05-23  发布在  jQuery
关注(0)|答案(1)|浏览(453)

在一次课程作业中,我的任务是"修复"一个无法正常工作的类似instagram的页面。
我需要通过创建一个'a'标签和一个'li'标签呈现标签列表中的标签。例如'#beachday (4)'这是我的(不成功)代码目前:
我假设标签应该与页面上呈现的照片一起显示。

function renderTags (tags) {
        var tagList = $('.tag-list ul');
        tags.forEach(function (tag) 
          var a = $('<a>').text('#' + tag.tags + '(' + tag.tag_count + ')');
        var li = $('<li>').addClass('u-pull-left');
        li.append(a);
        tagList.append(li);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>Missing HTML here perhaps?</div>

我刚刚开始学习CSS/html/jQuery,所以任何帮助我理解我的错误之处,或任何资源的点(看jQuery文档)是非常感谢的。
~谢谢
当我编写javascript代码时,LiveServer网页应该反映代码和更改,目前我的编辑还没有产生结果。

hgb9j2n6

hgb9j2n61#

1.确保forEach方法正确地包含在方括号中
2.将“href”属性附加到“a”标记以使其可单击

function renderTags (tags) {
  var tagList = $('.tag-list ul');

  tags.forEach(function (tag) {
    var a = $('<a>').text('#' + tag.tags + '(' + tag.tag_count + ')');
    a.attr('href', '#');
    var li = $('<li>').addClass('u-pull-left');
    li.append(a);
    tagList.append(li);
  });
}

相关问题