要确保样式生效,您应该将判断逻辑放在确保DOM元素已经加载完毕的位置。在您的代码中,createVmuxDom()
函数返回了一个包含 HTML 代码的字符串 dom
。
您可以在执行 createVmuxDom()
函数之后,将生成的 DOM 插入到页面中,在此之后再进行样式的调整。例如,可以将判断逻辑放在 <script>
标签中或者使用 $(document).ready()
方法来确保 DOM 加载完成后再执行样式调整。
以下是一种可能的实现方式:
function createVmuxDom() {
// ...省略部分代码...
return dom;
}
// 在页面加载完成后执行
$(document).ready(function() {
// 根据当前语言设置样式
if (navigator.language === "zh-CN") {
$("#demux_style").css("marginLeft", "-988px");
} else {
$("#demux_style").css("marginLeft", "-971px");
}
// 创建并插入DOM
const vmuxDom = createVmuxDom();
$("body").append(vmuxDom);
});
这段代码首先使用 $(document).ready()
方法来等待页面加载完成后再执行内部函数。然后根据语言设置样式,并创建、插入DOM元素。请注意,在插入DOM时,根据具体需求选择合适的容器元素(这里使用了 <body>
)。
内容由零声教学AI助手提供,问题来源于学员提问