如何使用 jquery 加载方法加载 js

Question

我试过使用jQuery加载方法加载JavaScript:

<div id="update"></div>

<script type="text/javascript">
$('#update').load('find.html .themes', function(data) { 
    $(this).find('.themes').css({"width":"100%", "margin":"auto"});
});   
</script>

我的文件find.html:

    <div class="themes">
      <script> document.write('This is a test'); </script>
    </div>

有人可以告诉我如何加载 JavaScript 吗？

Answer 1

然后您应该使用其他 ajax 方法，例如：

$.get('find.html', function(data) {
  $('#update').empty().append($('<div/>', {
    html: data
  }).find('.themes').css({
    "width": "100%",
    "margin": "auto"
  }));
});

-jsFiddle-

empty().append() 而不是 html()，它只接受字符串（即使你可以传递对象，但它不是为它设计的， ~~可以是~~ 这是越野车）。

PS: 请注意，在您的情况下，使用 document.write() 会覆盖所有 document 内容，因为这就是一旦文档的工作方式被完全解析。所以不要使用它，即使只是为了测试目的。

Answer 2

如果您的 find.html div 中没有太多内容，那么您可以直接访问所有元素：

<script type="text/javascript">
  $('#update').load('find.html', function(data) {
    $(this).find('.themes').css({
      "width": "100%",
      "margin": "auto"
    });
  });
</script>

如何使用 jquery 加载方法加载 js

how to load js with jquery load method

jquery

load

-jsFiddle-