然而,仍然没有整理出任何解决方案..
我在<body>
无序列表 <ul>
其中的每个元素都是在对数据库执行查询后添加的。所以根据结果,我有相应的<li>
标签已创建..
问题是,虽然我有一些 css 来分隔 <li>
到“奇数”和“偶数”,以便我可以应用一些不同的样式,并且我已经确认,“奇数”和“偶数”属性已作为属性(类名)传递给 <li>
仍然是相应的 css 规则,做不适用
这是我的一些代码..首先是 html 部分
<div id="sqldiv">
<ul class="test" id="attempt">
</ul>
</div>
和 javascript 部分..
for (var i=0; i<len; i++){
var somevariable = results.rows.item(i).dbvariable;
if (i%2==0)
lt='Even';
else
lt='Odd';
var newLI = document.createElement("LI");
newLI.className = lt;
var htmlcontainer = ("<div>my text :" + my variables + "</div><div>my text :</div><div>" my variables + "</div>");
newLI.innerHTML = htmlcontainer ;
var gl = document.getElementById("attempt");
gl.appendChild(newLI);
}
和CSS
li {
background: #8258FA;
list-style-type:none;
list-style-image:none;
margin: 5px 5px;
border-radius: 15px;
}
li.odd {
border-bottom :1px dotted #ccc;
list-style-type:none;
list-style-image:none;
margin: 5px 5px;
background: #000000;
}
li 样式适用,但类样式 (li.odd) 不适用
最佳答案
在过去 24 小时的搜索之后..我尝试了一些我没有想到的东西..!!!!
在 javascript 中我将类命名为 Even 和 Odd..在 css 上我有 .even 和 .odd 规则..这在另一个元素上效果很好..!!!
但是,出于某种原因,在这种情况下似乎存在“区分大小写”的问题。自从我将 css 规则更改为 .Even 和 .Odd 后,它们已成功应用。
在此之前,我还尝试使用 jquery 分配动态 css 规则..经过一些尝试,我最终区分大小写..
关于javascript - CSS 不会影响在 Phonegap 上动态创建的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12810871/