通过ajax动态添加内容后不应用样式

Question

如果您需要代码 - 我会发布它，但似乎问题不在代码中。

我做了菜单。点击菜单后 - 子菜单被下载。在此之后，我将更改 CSS 以为打开部分及其下载的子菜单应用新样式。但是这个 CSS 不起作用。如果我在检查器窗口中添加后复制此动态内容并直接粘贴为 html，并将更改的 CSS 作为菜单的新部分 - 刷新页面后的这个新部分在应用所有样式时都可以正常工作。如果我在动态添加内容后使 javascript 更改 CSS - 新样式不起作用。通过 setAttribute 可以毫无问题地更改他 - 但不起作用（正如我之前所说 - 代码很好，因为在刷新页面后复制粘贴此部分后，所有样式都可以正常工作。我在哪里可以找到错误？

部分代码

 document.getElementById("menu_item_1235").parentNode.setAttribute("class", "adm-sub-submenu-block adm-sub-submenu-open");


 var xmlDoc = http_request.responseXML;
 var nodeLength = xmlDoc.getElementsByTagName("child");
 for (var i = 0; i < nodeLength.length; i++) { 

document.getElementById("menu_item_1235").nextSibling.appendChild(document.importNode(xmlDoc.getElementsByTagName("child")[i].childNodes[0], true));

}

屏幕截图：

i.stack.imgur.com/1Haxs.png i.stack.imgur.com/3zbxX.png

当我采用这种方式时，CSS 也可以部分工作

var string = (new XMLSerializer()).serializeToString(nodeLength[0].childNodes[0]);
document.getElementById("menu_item_1236").nextSibling.innerHTML = string;
document.getElementById("menu_item_1236").parentNode.setAttribute("class", "adm-sub-submenu-block adm-sub-submenu-open");

只有部分部分被突出显示：

Answer 1

为了识别错误，我们需要代码。但是，您可以尝试在 Ajax 成功上添加类，如下所示。这可能会节省您的时间：

$.ajax({
 url: "/sample.php",
 type: "GET",
 data: "request=somedata",
 success: function(e){
  $(".submenu").html(e);
  $(".submenu").addClass("submenu_class");
 }
});

Answer 2

如何从 ajax 请求中添加内容？也许您的 ajax-content 被读取为 Text 而没有解析到 dom 中，因此不会应用 CSS。