jQuery MiniUI

 找回密码
 立即注册
查看: 2605|回复: 2
打印 上一主题 下一主题

动态创建HTML控件不好使了,回到了父控件的样式? [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-10-10 08:52:00 |只看该作者 |倒序浏览
我想在界面上面 通过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();
}






附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2014-10-10 09:38:04 |只看该作者
用$("#dateHtml_1").append(dateHtmlMB)
添加

Rank: 2

板凳
发表于 2014-10-10 09:51:43 |只看该作者
felt 发表于 2014-10-10 09:38
用$("#dateHtml_1").append(dateHtmlMB)
添加

非常感谢,,太给力了

Archiver|普加软件

GMT+8, 2024-11-25 07:36 , Processed in 1.036668 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部