javascript - css 不适用于 jquery append

<分区>

这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

关闭 8 年前。

我正在尝试从 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>

CSS 代码:

.produkter_menu ul {
margin: 0; 
padding: 0;
width:50%;
list-style-type: none;
}

.produkter_menu ul li a {
text-decoration: none;
color: #000; 
padding: 25px 11px;
background-color: #fff;
display:block;
border: 1px solid #cacaca;
height: 30px;
}

.produkter_menu ul li a:visited {
color: #000; 
 }

浏览器只显示列表项。

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

感谢您的帮助。

最佳答案

HTML 标签使用“id”而不是“class”属性，只需更改您的 css 选择器示例:.produkter_menu ul 到 #produkter_menu ul

希望对您有所帮助!

关于javascript - css 不适用于 jquery append，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26550243/