innerHtml无法运行js的解决方案

这几天写wantsReader的时候,碰到了这个问题。

首先是ajax获取到页面代码,然后innerHtml插入到div里

纯html的结构代码都可以正常展示,但是当包含js代码时,innerHtml插入的js却不会执行。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="slides">
<img src="templates/image/side1.jpg">
<img src="templates/image/side2.jpg">
<img src="templates/image/side3.jpg">
</div>

<script>
$('#slides').slidesjs({
width: 414,
height: 196,
play: {
active: false,
auto: true,
interval: 5000,
swap: true
},
pagination: false
});
</script>

查阅多方资料,找到2个解决方法:
1、set_innerHtml.js,原文地址:http://jcodecraeer.com/a/jquery_js_ajaxjishu/2012/0625/278.html
2、使用jq的append()


评论区