2

我在子容器中加载了一个父容器,该容器具有src指向库的 javascript。加载子项时,src库不会运行。
我在回调后尝试过getScript(),但这没有任何影响。

该库是一个颜色选择器:http: //jscolor.com/

有 什么建议吗?

父.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">
4

1 回答 1

5

jscolor.js 需要在文档完全加载之前加载,因为它input使用文档的 onload 事件将内容附加到元素,在您的情况下,当您加载 jscolor.js 时文档已经加载。所以在加载完js文件jscolor.init后再次调用。$.getScript("js/jscolor.js")

$(function(){
$('#rec').load('child.html', function(){
   $.getScript("js/jscolor.js", function(data, textStatus, jqxhr) {
       jscolor.init();
});
于 2013-07-19T18:17:47.127 回答