jQuery MiniUI

标题: javascript动态增加的html没有miniui的效果 [打印本页]

作者: xixi 时间: 2013-12-3 16:10:53 标题: javascript动态增加的html没有miniui的效果

本帖最后由 xixi 于 2013-12-3 16:22 编辑

想用addstep方法，往table中动态增加一行，且显示第一步的效果，但是不如预期，代码如下，效果如图
      function AddStep() {
         var GuideTable = document.getElementById("GuideTable");
         var tr = GuideTable.insertRow(1);
         var td = tr.insertCell(0);
         var str = " <div id=\"tabs2\" class=\"mini-tabs\" activeindex=\"1\" style=\"width: 450px; height: 300px;\" plain=\"false\">";
         str += "       <div title=\"第一步\" enabled=\"false\"></div>";
         str += "       <div title=\"第二步\">";
         str += "          <table style=\"width: 430px; height: 250px\">";
         str += "             <tr style=\"height:220px\">";
         str += "                   <td>";
         str += "                      <a class=\"mini-button\" onclick=\"onClick\">窗体</a> <a class=\"mini-button\" onclick=\"onClick\">";
         str += "                         树</a> <a class=\"mini-button\" onclick=\"onClick\">表格</a> <a class=\"mini-button\" onclick=\"onClick\">";
         str += "                               表单</a>";
         str += "                   </td>";
         str += "             </tr>";
         str += "             <tr style=\"height:30px\">";
         str += "                   <td>";
         str += "                      输出参数：<input id=\"tb1\" class=\"mini-textbox\" emptytext=\"填写输出参数\" />";
         str += "                   </td>";
         str += "             </tr>";
         str += "          </table>";
         str += "       </div>";
         str += " </div>";
         td.innerHTML = str;
      }

作者: felt 时间: 2013-12-3 16:12:11

拼完后调用下mini.parse()试试

作者: xixi 时间: 2013-12-3 16:26:53

felt 发表于 2013-12-3 16:12
拼完后调用下mini.parse()试试

你说的是这样吗？（如图）
还是一样的效果。

作者: felt 时间: 2013-12-3 16:32:28

td.innerHTML=str;
mini.parse()

作者: xixi 时间: 2013-12-3 16:44:46

felt 发表于 2013-12-3 16:32
td.innerHTML=str;
mini.parse()

果然，谢谢

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)