Javascript中未应用CSS样式

如果静态添加了以下html，则正确应用了CSS样式

HTML:

<li class="connector">
   <a href="#">
      <img src="css/images/temp/connector2.png" alt="" width="192" height="192">
      <span class="sr-only">box</span>
   </a>
</li>

element.innerHTML += "<li class='connector'>" +
                        "<a href = '/connector/" + i + "'>" +
                           "<img src ='/" + i + "/background' />" +
                           "<span class='sr-only'>" + $.get("/" + i + "/getName") +"</span>" +
                        "</a>" +
                     "</li>";

但是，如果我在Javascript中执行以下操作以动态呈现HTML，则CSS似乎不会得到应用

JavaScript:

<li class="connector">
   <a href="#">
      <img src="css/images/temp/connector2.png" alt="" width="192" height="192">
      <span class="sr-only">box</span>
   </a>
</li>

element.innerHTML += "<li class='connector'>" +
                        "<a href = '/connector/" + i + "'>" +
                           "<img src ='/" + i + "/background' />" +
                           "<span class='sr-only'>" + $.get("/" + i + "/getName") +"</span>" +
                        "</a>" +
                     "</li>";

element.innerHTML+=“
”+
"" +
“
”；

列表显示，但没有CSS样式

有什么建议吗

“”+$.get（“/”+i+“/getName”）+“”+

---

get

是一种异步方法。这个添加是错误的。

问题在于我如何使用同位素Javascript库。我添加内容的方式是绕过它

在阅读了他们的文档之后，我能够让它正常工作

我使用了下面的方法

$.get("/connectorCount", function(data){
    for (var i = 0; i < data; i++)
    {
        var $newItems = $('<li class="connector"><a href = "/connector' + i + '"> <img src = "/' + i + '/background" /> <span class="sr-only">' + $.get("/" + i + "/getName") + '</span></a></li>');
        $('.connectors').isotope('insert', $newItems);
    }
    refreshSearch(data);
});

$.get（“/connectorCount”，函数（数据）{
对于（变量i=0；i）；
$（'.connectors'）.同位素（'insert'，$newItems）；
}
刷新搜索（数据）；
});

您一直在谈论的CSS样式在哪里？元素在浏览器的DOM检查器中是什么样子的？您应该颠倒使用

“

和

”

@Brian，不，它们中的任何一个都可以。似乎工作正常：这只会影响值，而不会影响类所属的元素associated@DinoMyte，您不认为响应包含html标记吗？响应将仅具有基础值，标记已被创建，并且由于$.get是异步的，它不会影响动态元素的渲染。