标签: html-lists
使用IE8,7,6上的列表呈现错误
让IE显示的诀窍是<ul>什么？我正在处理带有php扩展名的页面.我有一个简单的清单.
<ul>
<li>Stuff one</li>
<li>Stuff two</li>
<li>Stuff three</li>
<li>Stuff four</li>
</ul>
在Safari和Firefox上,我得到一个正确呈现的列表,在IE上它只显示一个段落.我没有在任何网站上找到关于可能出现问题的一致答案.
发生了什么？
模板来自Matthew James Taylor's 3 column blog样式布局.
http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm
css就在页面中.即使我回去并将网站剥离为骨头,也不会显示列表.
是否有可能因为div风格而搞砸css？
推荐指数
解决办法
查看次数
CSS如何设置特定的<li>样式？
使用jQuery,我想知道如何设置特定列表项的样式？
例如,我想设置第一个<li>(第一个孩子)以赋予它自己的风格,然后给下五个列表项继承自己的风格,然后接下来的五个自己的风格等.
我很久以前读过一些关于:nth它的内容,但并不十分理解.这很容易实现吗？
推荐指数
解决办法
查看次数
克隆<li>并使用jQuery抛出
我们有:
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
如何获得此列表的后半部分并在之前移动它<li>？
推荐指数
解决办法
查看次数
Jquery计数LI和IF奇数做点什么
如果UL具有奇数个LI记录,我想<br />在第一个LI之后添加BREAK标记().
如果LI的数量为偶数,则结果为:
<ul id="cat">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
如果LI的数量是ODD,则结果如下:
<ul id="cat">
<li><a href=""></a></li><br />
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
我的jQuery片段:
$("#cat").each(function() {
var elem = $(this);
if (elem.children("li").length % 2 != 0) {
elem.prepend("<br />");
}
});
它只会导致
<ul id="cat">
<br />
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
推荐指数
解决办法
查看次数
在javascript中获取ul并附加li
我正在尝试做的是创建一个<li>应该添加到现有的<ul>
我想要将textnode附加到不给它ID的情况下.我尝试使用纯JavaScript,没有jQuery.
到目前为止我得到了什么(它不起作用):
function addElement () {
var newLi = document.createElement("li");
var text = document.createTextNode("Teststring in <li>");
newLi.appendChild(text);
var ulnew = document.getElementsByTagName('ul')
ulnew.appendChild(newLi)
}
HTML
<body onload="addElement()">
<ul></ul>
</body>
有谁可以帮忙吗？谢谢
推荐指数
解决办法
查看次数
ul中的一般规则的例外
我有一些ul的一般规则.然后我想用不同的东西创建一个不同的ul.我只是给它一个id,但它似乎没有用.我不懂为什么？
以下是检查的示例:http://jsfiddle.net/n8TVY/
HTML:
<ul class="language">
<li><a href="#">Català</a></li>
<li><a href="#">Français</a></li>
</ul>
CSS:
/* GENERAL */
a { outline:0; text-decoration: none ; color:grey }
ul {
margin:40px auto;
list-style-type:none;
padding:0;
text-align: center;
}
ul li {
position: relative;
padding: 7px 17px;
margin-right: 10px;
border:1px solid;
border-color:grey;
display: inline-block;
}
ul li a {
display:block;
}
/* LANGUAGE */
.language ul li {
margin:0px;
background-color:blue;
border:1px solid;
border-bottom:0px; border-top:0px;
border-color:#ddd;
}
推荐指数
解决办法
查看次数
CSS3创建圆角三角形元素
我只知道圆边的方式.无法弄清楚如何创建这种无图像ul li标签.如你所见,它不完全是三角形:它的顶部和底部有点圆润.是否可以使用css3创建与下图最相似的内容？如果有,怎么样？
先感谢您!
推荐指数
解决办法
查看次数
使用JSON和jquery创建嵌套列表
嗨下面是我的JSON,HTML和jquery代码示例:Json:
{
"node":[
{"name":"XXX",
"child":[ {"name":"acb"},
{"name":"txy"}
]
},
{"name":"ZZZ",
"child":[{"name":"ism"},
{"name":"sss"}
]
},
{"name":"PPP"},
{"name":"QQQ"}
]
}
Jquery代码:
$(document).ready(function(){
var $ul=$('<ul></ul>');
$.getJSON('test1.json', function(json) {
$.each(json.node, function(key,value){
getList(value, $ul);
})
});
$ul.appendTo("body");
});
function getList(item, $list) {
if (item) {
if (item.name) {
$list.append($('<li><a href="#">' + item.name + '</a>' +"</li>"));
}
if (item.child && item.child.length) {
var $sublist = $("<ul/>");
$.each(item.child, function (key, value) {
getList(value, $sublist);
});
$list.append($sublist);
}
}
}
因此,当我运行此代码时,列表将返回为
<ul>
<li></li>
<ul>
<li></li>
<li></li>
</ul>
</ul> …推荐指数
解决办法
查看次数
如何在MVC中拆分字符串并构建ul
我需要拆分逗号分隔的字符串并构建一个<ul>.
我似乎找不到最佳点.
这是我的代码:
<ul>
@{
string[] ps = Model.ProductsServices.Split(',');
for (byte i = 0; i < ps.Length; i++)
{
<li>ps[i]</li>
}
}
</ul>
以下是上述代码的结果.
推荐指数
解决办法
查看次数
Angular 2中带有箭头键的html列表项选择
我试图通过箭头键选择li的，但是遇到了问题。
我尝试按照此处的答案进行操作，但我的李从未被选中。
对于以下代码，我只是想使（keydown）正常工作。
这是我的：
landingpage.component.html
<div class="searchArea">
<input type="text" autoComplete="off" (keydown)="keyDown($event)" placeholder={{backgroundPlaceholder.info.placeholderText}} [(ngModel)]="keystroke"
(ngModelChange)="getKey($event)">
<div class="results-list">
<li *ngFor="let list of shows; let i = index" [class.active]="i == {{arrowkeyLocation}}">
<span class="result">{{list.show}}</span>
</li>
</div>
</div>
landingpage.component.ts
arrowkeyLocation = 0;
keyDown(event) {
return this.arrowkeyLocation++;
}
照原样，当我按下向下键时，什么也没有选择。我很确定问题出在我的html [class.active]中，但我不确定如何解决。
如何通过箭头键选择li元素？
推荐指数
解决办法
查看次数
标签 统计
html-lists ×10
css ×5
html ×5
jquery ×4
javascript ×3
angular ×1
c# ×1
css-shapes ×1
css3 ×1
html5 ×1
if-statement ×1
json ×1