Javascript css未应用于jquery追加

我试图从json文件动态加载内容。问题是CSS将不会应用于此内容。这是我的密码：

<div id="main"> 
    <div id="produkter_menu">
    <ul id="listContent">
    </ul>
    </div>

<script>
 $.getJSON('js/products.json', function(data) {

    for (i=0; i<4; i++) {
        for(index in data) {
            var content1 = new Array (Object.keys(data[index])[i]);
        }
        $("#listContent").append("<li>" + content1[0] + "</li>");
    }
    }

    );
</script>   

浏览器仅显示列表项

还有一个问题：从json文件中动态读取内容总是好的吗

---

感谢您的帮助。

Html标记使用id代替类属性，只需更改css选择器即可 示例：.produkter_菜单ul到produkter_菜单ul

希望能有帮助

使用produkter\u菜单而不是.produkter\u菜单，因为您试图选择一个不存在的类

CSS用于在HTML中选择id属性

当

CSS。用于在HTML中选择类属性

下面是一个修改后的代码示例

---

首先，CSS使用类选择器，但从不将该类指定给列表元素。尝试将CSS更改为以下选择器：

#listContent ul
#listContent ul li a
#listContent ul li a:visited

其次，除非您的内容数组实际包含“a”标记标记，否则它不会被CSS引用，因为CSS指向属于listContent元素的“li”元素的“li”元素的“a”子元素。因此，您需要将CSS选择器更改为：

    #listContent ul li

或者您需要更改javascript，如下所示：

    $("#listContent").append("<li><a>" + content1[0] + "</a></li>");

---

如果您的内容数组确实包含“a”标记标记，您可以忽略我答案的第二部分，但您仍然需要更正CSS选择器。

对于CSS问题，您应该查看google CSS选择器，以了解ID和类提示之间的区别：您应该将“.”替换为，它应该可以工作

对于另一个问题：从json文件中动态读取内容总是好的吗？ 不一定

您可能遇到的问题与安全性有关。您希望允许谁访问文件中包含的数据？

---

使用服务器端语言发送这些数据将确保其安全asp、php，

尝试使用wrap content$document。readyfunction{}您的风格是li a，但您将内容放在li中。您使用的是ID，但类选择器，例如，应为：produkter_menu ulThanks@caeth。这很有帮助，谢谢@A.沃尔夫。那是个愚蠢的错误！谢谢你的回答。关于动态读取子内容：安全不是问题。因为不允许跨域访问。现在我有一个json文件中提供的数据。我有两个选择。1.手动获取数据并将其放在html标记中。2.使用jquery动态附加数据我应该使用哪一个？谢谢。是的，正如@A.Wolff所评论的那样，这很有帮助

    #listContent ul li

    $("#listContent").append("<li><a>" + content1[0] + "</a></li>");