Question

与我的问题类似this one 和this one

然而，仍然没有排序任何解决方案.. 我在<body>中有一个无序列表<ul>，在对数据库执行查询后添加了每个元素。因此，根据结果，我创建了相应的<li>标记。

问题是，虽然我有一些css将<li>分离为“奇数”和“偶数”以便我可以应用一些不同的风格，并且我已经确认，“奇数”甚至“ attibute作为属性（classname）传递给<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）的样式不适用

Answer 1

花了最后24小时搜索..我试过......但是没有想到...... !!!!

在javascript中我命名类Even和Odd ..并且在css上我有.even和.odd规则..这在另一个项目上运行得很好.. !!!

但是，出于某种原因，在这种情况下似乎存在“区分大小写”问题..因为我将css规则更改为.Even和.Odd，它们已成功应用..

在达到此目的之前，我还尝试使用jquery分配动态css规则。经过一些尝试，我最终得到了区分大小写..

CSS不会影响Phonegap上动态创建的列表

1 个答案: