(AUI框架)动态生成折叠面板后,点击时没反应?

如题 : 动态生成折叠面板后,点击时没反应??
搭建的环境 : APICloud平台 + Aui手机框架 + Discuz程序
说明 :
静态环境下,点击Aui框架的折叠面板时,并无问题。
动态生成折叠面板代码后,点击时没有反应。

静态代码 (官方源代码) :
    <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>AUI快速完成布局</title>
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<body>
<section class="aui-content-padded">
<ul class="aui-list aui-collapse aui-border">
<div class="aui-collapse-item">
<li class="aui-list-item aui-collapse-header" tapmode>
<div class="aui-list-item-inner">
<div class="aui-list-item-title">图文混排</div>
<div class="aui-list-item-right">
<i class="aui-iconfont aui-icon-down aui-collapse-arrow"></i>
</div>
</div>
</li>
<div class="aui-collapse-content">
<li class="aui-list-item" style="display: block;">
<div class="aui-media-list-item-inner">
<div class="aui-list-item-media">
<img src="../image/demo1.png">
</div>
<div class="aui-list-item-inner aui-padded-t-10 aui-padded-b-10" style="display: block;">
<div class="aui-list-item-text">
<div class="aui-list-item-title">带有媒体的列表二</div>
<div class="aui-list-item-right">08:00</div>
</div>
<div class="aui-list-item-text">
<div class="aui-ellipsis-2">这里是内容区域,新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。</div>
</div>
</div>
</div>
</li>
</div>
</div>
</ul>
</section>
</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript" src="../script/aui-collapse.js" ></script>
<script type="text/javascript">
apiready = function () {
api.parseTapmode();
}
var collapse = new auiCollapse({
autoHide:false //是否自动隐藏已经展开的容器
});
</script>
</html>
动态生成折叠面板的代码 (自定义代码) :
    <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>AUI快速完成布局</title>
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<body></body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript" src="../script/aui-collapse.js" ></script>
<script type="text/javascript">
apiready = function () {
api.parseTapmode();
var objs = document.getElementById('show'); // 写入代码区域
str = '<section class="aui-content-padded"><ul class="aui-list aui-collapse aui-border"><div class="aui-collapse-item"><li class="aui-list-item aui-collapse-header" tapmode><div class="aui-list-item-inner"><div class="aui-list-item-title">图文混排</div><div class="aui-list-item-right"><i class="aui-iconfont aui-icon-down aui-collapse-arrow"></i></div></div></li><div class="aui-collapse-content"><li class="aui-list-item" style="display: block;"><div class="aui-media-list-item-inner"><div class="aui-list-item-media"><img src="../image/demo1.png"></div><div class="aui-list-item-inner aui-padded-t-10 aui-padded-b-10" style="display: block;"><div class="aui-list-item-text"><div class="aui-list-item-title">带有媒体的列表二</div><div class="aui-list-item-right">08:00</div></div><div class="aui-list-item-text"><div class="aui-ellipsis-2">这里是内容区域,新版中的列表布局可以很轻松的帮助开发者完成常见列表样式。</div></div></div></div></li></div></div></ul></section>';

$api.html(objs, str);
}
var collapse = new auiCollapse({
autoHide:false //是否自动隐藏已经展开的容器
});
</script>
</html>
点击后没有反应 (截图) : 所在用户组无法使用站外链接。 晕 ~  auicss.com/club/?/question/221

community.apicloud.com/bbs/data/attachment/forum/201805/07/194618mlpl4vghmpgekekn.jpg

今年3月份,Aui 官方论坛内, 有人曾提过和我一样的问题。 但是到现在还没有回复呢! 
这个问题怎么解决啊? 请大神们指点指点吧!谢谢
已邀请:

要回复问题请先登录注册