Question

我有一个html页面，我正在创建一个新窗口。

pinning

我的imageLibraries.html就像这样

var newwindow = window.open();
      $(newwindow.document.head).load('/Viewer/html/imageLibraries.html');
      $(newwindow.document.body).html("<h1>Its  a new page :D</h1>") ;

问题是，css文件正在加载正常但脚本标记没有加载在控制台中，DOM树就像这样

<meta charset="utf-8">
<link href="../css/new_kendo.css" rel="stylesheet">
<link href="../css/style.less" rel="stylesheet/less">

<script type="text/javascript" src="Viewer/libs/angular.min.js"></script>
<script type="text/javascript" src="Viewer/libs/less.js"></script>
<script type="text/javascript" src="Viewer/libs/jquery-1.8.3.min.js"></script><!--JQuery library-->
<script src="Viewer/libs/jquery-ui.min.js"></script><!--Jquery library -->
<script src="Viewer/libs/ImageViewer.js"></script><!--JQuery library for Imageviewer-->

<script src="Viewer/libs/kendo.all.min.js"></script><!--For Kendo Functionality -->

<script src="Viewer/libs/jquery.mousewheel.js"></script><!--JQuery library for use mouse event-->
<script src="Viewer/js/app.js"></script>

<script src="Viewer/js/directives/directives.js"></script><!--directive for iviewer-->

有人可以建议做什么吗？

Answer 1

问题可能与使用.load()有关？

https://api.jquery.com/load/

脚本执行

使用不带后缀选择器表达式的URL调用.load（）时，   在删除脚本之前，将内容传递给.html（）。这执行＆gt;脚本块在被丢弃之前。如果使用选择器＆gt;调用.load（）然而，附加到URL的表达式在＆gt;之前删除了脚本。 DOM正在更新，因此不会被执行。

Answer 2

它可能会运行，问题来自你的url。

$(newwindow.document.head).load('Viewer/html/imageLibraries.html');

在我当地我做：

$(newwindow.document.head).load('imageLibraries.html');

它加载了javascript和css。图片here

Jquery没有加载脚本标记来加载库

2 个答案: