Question

我在子容器中加载父容器，其中javascript src指向库。加载子项时，src库不会运行。
我在回调后尝试getScript()，但这没有任何影响。

图书馆是一个颜色选择器：http://jscolor.com/

有什么建议吗？

parent.html：

<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript">
      $(function(){
        $('#rec').load('child.html', function(){
          $.getScript("js/jscolor.js");
        });
      });
    </script>
  </head>
  <body>
    <div id='rec'></div>
  </body>
</html>

child.html：

<script type="text/javascript" src="js/jscolor.js"></script>
<input class="color" value="66ff00">

Answer 1

jscolor.js需要在文件被完全加载之前加载，因为它使用文件的onload事件将东西附加到input元素，在你加载jscolor.js的情况下已经加载了文档。因此，在jscolor.init加载js文件后再次调用$.getScript("js/jscolor.js")。

$(function(){
$('#rec').load('child.html', function(){
   $.getScript("js/jscolor.js", function(data, textStatus, jqxhr) {
       jscolor.init();
});

javascript src无法从父jquery加载

1 个答案: