gpt4 book ai didi

jquery - 为什么jquery构造的html显示出来的和原来的html不一样?

转载 作者:太空宇宙 更新时间:2023-11-04 12:40:38 26 4
gpt4 key购买 nike

我有一个 html 文件,如下所示:

<!doctype html>
<html>
<head>
<script src='jquery.js'></script>
<style>
.some_list li {
display: inline-block;
}
</style>
<script>
$(function() {
$('#wrapper').append("<ul class='some_list'><li>a</li><li>b</li></ul>")
});
</script>
</head>
<body>
<div id='wrapper'>
<ul class='some_list'>
<li>a</li>
<li>b</li>
</ul>
</div>
</body>

结果是这样的:

a b
ab

这两个ul都是取同样的css效果,只是显示不同。

为什么会这样?

最佳答案

显示:内联 block ;有一个小bug,你不能让两个标签.li没有空格,否则它们会加入。

在 li 标签之间留一个空格:

$(function() {
$('#wrapper').append("<ul class='some_list'><li>a</li> <li>b</li><li>c</li></ul>")
});

在这里你可以看到一个更好的例子:jsfiddle.net/ng67otm6

关于jquery - 为什么jquery构造的html显示出来的和原来的html不一样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26909986/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com