jquery中使用load加载外部html文件，不执行JavaScript的解决办法

最新推荐文章于 2025-01-12 18:49:12 发布

原创最新推荐文章于 2025-01-12 18:49:12 发布 · 672 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #load #external html file #外部文件 #javaScript #ViewUI

jQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍使用jQuery load加载外部HTML文件时JavaScript不执行的问题及解决方案。推荐使用$.get方法加载外部页面，并将Script部分手动追加到目标元素中。

最近自己在写jquery的扩展插件

遇到个问题就是，使用load加载外部的html文件，但是加载了想要加载的内容之后，发现JavaScript不执行，并没有加载进来，上网看了看解决办法

找到答案如下

load加载的外部文件会把Script部分删除掉

所以推荐使用$.get来异步加载外部页面，具体代码如下


$.get('partial.html', function(result){
    $result = $(result);

    $result.find('#content').appendTo('#new_content');
    $result.find('script').appendTo('#new_content');
}, 'html');

可在这里看例子
[url]http://plnkr.co/edit/Hj0cyTUV44BPrxiOvPpW?p=preview[/url]

参看
[url]http://stackoverflow.com/questions/16352371/jquery-load-ajax-not-executing-javascript-in-returned-html-after-appende[/url]