jQuery MiniUI

标题: 动态创建HTML控件不好使了，回到了父控件的样式？ [打印本页]

作者: 303974838 时间: 2014-10-10 08:52:00 标题: 动态创建HTML控件不好使了，回到了父控件的样式？

我想在界面上面通过JS 动态拼接htrml ，结果控件不正常了。。控件好像回到父控件了。但是最后一个控件就是好的。
比如我用的控件是： mini-timespinner 结果显示出来的控件变成了 mini.ButtonEdit 控件

原码：
function addDateDiv() {
var index = number;
var dateHtmlMB = "<div class='col-xs-8' id='dateDiv_'" + index + ">";
dateHtmlMB += "<input name='DateId_" + index + "' class='mini-textbox' style='display: none'>";
dateHtmlMB += "<div class='col-xs-2' style='text-align: center; margin-top: 4px'>";
dateHtmlMB += "</div>";
dateHtmlMB += "<div class='col-xs-9' style='text-align: right'>";
dateHtmlMB += "<input name='StartWorkTime_" + index + "' id='StartWorkTime_" + index + "' class='mini-timespinner' format='H:mm' style='width: 80px'>";
dateHtmlMB += "</div>";
dateHtmlMB += "<div class='col-xs-2' style='text-align: center; margin-top: 1px'>";
dateHtmlMB += " <label>至</label>";
dateHtmlMB += "</div>";
dateHtmlMB += "<div class='col-xs-9' style='text-align: left'>";
dateHtmlMB += " <input name='OffDutyTime_" + index + "' id='OffDutyTime_" + index + "' class='mini-timespinner' format='H:mm' style='width: 80px'>";
dateHtmlMB += " </div>";
dateHtmlMB += "<div class='col-xs-2' style='text-align: center; margin-top: 1px;'>";
dateHtmlMB += " <img src='/Images/btn/del.png' onclick='deleteDateDiv(\"dateDiv_" + index + "\")'>";
dateHtmlMB += "</div>";
dateHtmlMB += "</div>";

document.getElementById("dateHtml_1").innerHTML += dateHtmlMB;
mini.parse();
}

[attach]5248[/attach]

作者: felt 时间: 2014-10-10 09:38:04

用$("#dateHtml_1").append(dateHtmlMB)
添加

作者: 303974838 时间: 2014-10-10 09:51:43

felt 发表于 2014-10-10 09:38
用$("#dateHtml_1").append(dateHtmlMB)
添加

非常感谢，，太给力了

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