Javascript JQuery.LoadHTML格式不正确

Javascript JQuery.LoadHTML格式不正确,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下午好 我似乎有个问题。当我使用: $("#specificDIV").load("new.html") HTML内容被放入div中,但是CSS和JS不起作用并且格式错误。我有像滑块和单词这样的项目,但它们似乎溢出了div之外,没有原始字体那样保留下来,而且滑块甚至不起作用 我试着在new.html中复制与原始html相同的标题,以查看是否需要引用CSS和JS,但仍然没有任何内容。我还看到.load也被弃用和使用: $("#specificDIV").on("load","new.html")

下午好

我似乎有个问题。当我使用:

$("#specificDIV").load("new.html")
HTML内容被放入div中,但是CSS和JS不起作用并且格式错误。我有像滑块和单词这样的项目,但它们似乎溢出了div之外,没有原始字体那样保留下来,而且滑块甚至不起作用

我试着在new.html中复制与原始html相同的标题,以查看是否需要引用CSS和JS,但仍然没有任何内容。我还看到.load也被弃用和使用:

$("#specificDIV").on("load","new.html")
在第一次尝试时仍然像以前一样损坏,但现在当我调用它时,我得到一个错误:

加载未捕获类型错误:无法在字符串“new.html”上创建属性“guid”

这让我回到了不推荐使用的load函数,它显然不是很酷

如何修复非格式化.load()问题和.on()guid错误? 无论如何,感谢您阅读到目前为止,在先进的

编辑:下面是一些正在发生的事情的截图

请试试这个

 $.ajax({
      url: 'ajax/new.html',
      success: function(data) {
        $('#specificDIV').html(data);
      }
    });
两项:

(“load”、“new.html”)上的$(“#specificDIV”)。不起作用

也不应该。这实际上是在说“当$(“#specificDIV”)收到一个“load”事件时执行字符串“new.html”。之所以会产生混淆,是因为JQuery有两个
.load()
方法。上面的
.on()
样式替换了旧的
.load()
样式

您希望使用另一个
.load()
方法,这很好。但是,jQuery文档说明:

jQuery使用浏览器的.innerHTML属性解析检索到的文档并将其插入当前文档。在此过程中,浏览器通常会从文档中筛选元素,例如
元素。因此,.load()检索到的元素可能与浏览器直接检索文档不完全相同


您的CSS和JS是否在检索到的文件中的
head
元素中?如果是,请将它们移出

您好!感谢您的回复,但我仍然得到相同的结果…:/我将在原始帖子中添加一些图片,看看这是否有助于所发生的事情。我试图同时使用它们,但无法将它们发送到work…:/但另一方面,对于第二个修复,我尝试将脚本src放入new.html本身(去掉head、html和body标记)并且还尝试将脚本src和链接放置在原始html页面主体的开头和结尾,结果相同。我开始认为div控制台类存在问题。通过第二个修复,您可以观察到JS和CSS确实加载到DOM中吗?(应该是这样的)。如果是这样,则取决于您特定的JS和CSS。编写JS是为了立即执行,还是等待永远不会发生的偶数(如“load”)。嗯……必须发生event.load(),以便将new.html加载到div id=“console”中。加载函数后,new.html将被放入div id=“console”中“并替换之前的表格。我知道引导CDN正在工作,因为按钮没有丢失格式。是的,但是在您替换表单之后,是否有任何代码应该在表单上运行以使其正常工作?(就像这些新元素上的事件监听器)如果是这样,要么需要初始化这些监听器,要么使用jquery的委托形式<代码>$(body).on('click','#console button',function(){})
。在HTML上没有在第一次加载后加载的其他代码。如果我为引导添加脚本src并在new.html中重新链接css文件,这应该是有意义的,但它不。。。嗯,一定有不同的方法。。。