Question

当使用innerHTML创建输入类型问题时，我无法重建 jQuery或javascript函数。

像那样： http://jsfiddle.net/tommylylck/gLv9e/

HTML：

<p>Date: <input type="text" id="datepicker"></p>

<button id="block2" onclick="myFunction()">Add Date input</button>

<p id="demo"></p>

使用jQuery-UI的Javascript

$(function() {
    $( "#datepicker" ).datepicker();
});


function myFunction()
{
document.getElementById("demo").innerHTML='<p>Date: <input type="text" id="datepicker"></p>';
}

Answer 1

从这个答案（jquery load append datepicker function）我推断我的。

<强> HTML：

<p>Date:
    <input type="text" id="datepicker" />
</p>
<button id="add-datepicker">Try it</button>
<p id="demo"></p>

Javascript（纯JQuery）：

$(function () {
    $("#datepicker").datepicker();

    $("#add-datepicker").click(function () {
        var picker = $("<input/>", {
            type: 'text',
            id: "datepicker" + $("#demo").children().length + 1
        }).datepicker();
        $("#demo").append(picker);
    });
});

您可以在此处试用：http://jsfiddle.net/franverona/Tza5M/

我建议你不要将纯Javascript与JQuery混合，因为JQuery。你可以结束一天的写作document.getElementById("datepicker").append($("#button"))，你的浏览器会爆炸：）

快乐的编码！

使用innerHTML创建输入类型js函数错误

1 个答案: