解决用jquery load加载页面到div时,不执行页面js的问题

针对使用jQuery的load()函数加载页面到div时不执行页面JS的问题，以下是解决问题的完整攻略：

1. 原因分析

这个问题的产生是因为使用load函数时，它只会加载目标页面的HTML结构代码，并不会加载其中的JS文件。因此，在目标页面中的JS代码将不会被执行。

2. 解决办法

有很多种方法可以解决这个问题：

2.1 使用载入回调函数

载入回调函数指的是load函数的第二个参数，该回调函数在目标页面加载完成后，会被调用。可以在该回调函数中手动执行目标页面的JS代码，从而达到加载页面和执行JS代码的目的。

示例代码如下：

$('#targetDIV').load('targetPage.html', function() {
    // 手动执行目标页面的JS代码
    targetFunction();
});

2.2 使用jQuery.getScript()函数

jQuery.getScript()函数可用于动态加载JS文件，并在加载完成后回调。

示例代码如下：

$.getScript("targetScript.js", function() {
    // 执行目标JS代码
    targetFunction();
});

3. 注意事项

• 应该将目标JS文件放到合适的位置，以实现正确的加载。
• 如果目标页面中的JS代码应该在DOM加载完成后执行，建议在load()函数中添加document ready函数。
• load()函数回调函数中的this指向的是目标DIV的jQuery对象。