Jquery .append() 在 Internet Explorer 11 中不工作

Question

我正在尝试执行以下代码。它在 chrome 和 firefox 上运行良好，但在 IE 11 上出现问题。

IE 中的错误消息是： SCRIPT1002：语法错误

代码是：

$("div#formFields").append(
                        $("<label/>").text(formField['Data'][i]['field_label']),
                        $("<input/>", {
                            type: text,
                            id: 'selectTest',
                            name: 'selectTest',
                            required: "true",
                        }),
                    );

<div id="formFields" >
</div>

请帮忙。

Answer 1

删除 append 中的最后一个逗号。请参阅下面的代码

<body  id="banner">
<div id="formFields" ></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 
<script type="text/javascript">
        jQuery(document).ready(function($){
    
    $("#formFields").append(
                    $("<label/>").text("Texts"),
                    $("<input/>", {
                        type: "Texts",
                        id: 'selectTest',
                        name: 'selectTest',
                        required: "true",
                    })//Remove comma from here, 
                    //Comma added at the end will cause syntax error in IE
                );
    
    
    });

    </script>
</body>

Jquery .append() 在 Internet Explorer 11 中不工作

Jquery .append() not working in Internet Explorer 11

javascript

jquery

internet-explorer

append

appendchild