gpt4 book ai didi

javascript - 显示 :none breaking formatting when a html page is loaded inside the div through ajax?

转载 作者:行者123 更新时间:2023-11-28 12:32:03 25 4
gpt4 key购买 nike

我有一个使用 display:none 的 div,它隐藏元素而不破坏任何页面格式/布局。但是,如果我使用 ajax 获取另一个 html 页面并在 document.ready() 事件期间使用 jQuery 设置该 div 的 innerhtml,则格式会中断。

请注意,如果您注释掉 ** ** 中的代码,格式不会中断。

Firebug 不显示任何 JS 错误。

这是 ajax 和设置内容代码:

        var htmlStuff;
$.ajax({
url: "temp.html",
cache: false,
success: function(html){
htmlStuff= html;
**$('#myDiv').html(htmlStuff);**
}
});

这是div:

<div id = "myDiv" style="display:none"></div>

最佳答案

看起来您正在获取“temp.html”文件的全部内容并将其放入您的 div。

如果“temp.html”包含完整的 HTML 文档(包括 htmlheadbody 元素),这将使当前页面上的 HTML 无效,并可能导致您看到的问题.

在您的 javascript 中,您可能需要搜索“temp.html”的正文,并且只插入正文的内容以确保排除 <body>。和 </body>标签。

关于javascript - 显示 :none breaking formatting when a html page is loaded inside the div through ajax?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18182837/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com