Question

js通过拼接Html构造组件，有时候会出现不完整的情况，请帮忙看看是什么原因。

var topStr = '';
var btnStr = '';

function resultBar(result) {
var className, tipName;
if(result == PROBAR_RESULT_FLAG_ERROR) {
className = 'failBg';
tipName = '添加设备失败';
btnStr = '<button class="left" onclick="cancelPop()">取 消</button>' +
'<button class="right" onclick="reAppendSubDevice()">重新添加</button>';
} else if(result == PROBAR_RESULT_FLAG_NOMAL) {
className = 'successBg';
tipName = '添加设备成功';
btnStr = '<button class="vertical" onclick="cancelPop()">关 闭</button>';
}
topStr = '<div class="tipBg ' + className + '"></div>' +
'<div class="failTip">' + tipName + '</div>';
$('.partTop').append(topStr);
$('.partBottom').append(btnStr);
}

Answer 1

function resultBar(result) {
var className, tipName;
if(result == PROBAR_RESULT_FLAG_ERROR) {
className = 'failBg';
tipName = '添加设备失败';
btnStr = '<button class="left" onclick="cancelPop()">取 消</button>' +
'<button class="right" onclick="reAppendSubDevice()">重新添加</button>';
} else {
className = 'successBg';
tipName = '添加设备成功';
btnStr = '<button class="vertical" onclick="cancelPop()">关 闭</button>';
}
topStr = '<div class="tipBg ' + className + '"></div>' +
'<div class="failTip">' + tipName + '</div>';
$('.partTop').append(topStr);
$('.partBottom').append(btnStr);
}