javascript - jQuery

Question

我有一个表单，允许访问者使用“添加另一个”链接添加新的表单字段。这一切都很好，但我还试图让表单包含一个“是否需要此字段”复选框，为此我需要添加一些额外的 div，这就是我遇到问题的地方。这是我的代码:

    if (requiredbox) {
        var openPrimary = '<div class="form-item-primary">';
        var closePrimary = '</div>';
        var openSecondary = '<div class="form-item-secondary">\
            <label class="box" for="' + fieldname + '_' + counter + '_required">' + fieldlabel + ' #' + counter + ' Required</label>\
            <input id="' + fieldname + '_' + counter + '_required" class="box" type="checkbox" value="yes" name="' + fieldname + '_' + counter + '_required">\
            <span id="' + fieldname + '_' + counter + '_required" class="forminfo"></span>\
            </div>';
        var closeSecondary = '</div>';
    }
    else {
        var openPrimary = '';
        var closePrimary = '';
        var openSecondary = '';
        var closeSecondary = '';
    }
    $('<div class="form-item">\
    ' + openPrimary + '\
    <label for="' + fieldname + '_' + counter + '">' + fieldlabel + ' #' + counter + '&nbsp;<a href="" class="remove rem_' + counter + '" id="rem' + fieldname + '">(Remove)</a></label>\
    <select id="' + fieldname + '_' + counter + '" name="' + fieldname + '_' + counter + '"' + addJS + '>\
    <option value="">Please Select</option>\
    ' + optionlist + '\
    </select>\
    ' + closePrimary + '\
    ' + openSecondary + '\
    ' + closeSecondary + '\
    </div>').fadeIn("slow").appendTo('#' + fieldname + '_additions');       
    $('input#' + fieldname + '_count').val(counter);
    // Hide the "remove" link on the previous item (if applicable)
    if (counter > mincounter) {
        $('.rem_' + (counter - 1)).hide();
    }

我收到的错误是时间戳:12/5/2012 10:47:10 AM错误:NS_ERROR_XPC_BAD_CONVERT_JS:无法转换 JavaScript 参数 arg 0 [nsIDOMWindow.getCompulatedStyle]源文件:http://mysite.com/scripts/jquery-1.8.2.js线路:6812

第 6812 行是: 计算 = window.getCompulatedStyle( elem, null ),

我已将问题范围缩小到以下行:

var closePrimary = '</div>';

如果我将结束 div 更改为任何其他内容，它都可以正常工作，但当然，我需要布局的结束 div 标签。有谁知道我在这里做错了什么？

谢谢!

Answer 1

使用 alert() 将 HTML 片段生成为单独的字符串回显它，并将结果粘贴到 W3 验证器中会出现以下错误:

end tag for element "DIV" which is not open

换句话说，你有一个虚假的 </div> var openSecondary = ... 中的结束标记

顺便说一句，验证器还指出您正在重用 one_0_required作为多个元素的 ID