Question

下面的代码通过JQuery追加了新的输入。页面只有一个输入，而这个输入工作正常。当我单击它时，它会变得聚焦。当我通过JQuery追加下一个输入时，就会出现问题，但它们似乎正确显示了，但是当我单击它们时，这里没有集中的迹象。我在这里做错了什么？谢谢。

<div id="keyColumn">                                                                              
        <div class="input-group">
            <span class="input-group-addon mdi mdi-barcode mdi-18px"></span>
            <div class="form-line">
                <input id=pscKey[0] type="text" class="form-control" placeholder="1234 - 1234 - 1234 - 1234">
            </div>
        </div>                                                       
    </div>

这是JQuery部分：

var keys = 0;
function addKey()
{
    if(++keys == 1)
    {
        $('.invisible').addClass('visible').removeClass('invisible');
    }
    $('#keyColumn').append("<div class='input-group'><span class='input-group-addon mdi mdi-barcode mdi-18px'></span><div class='form-line'><input id=pscKey[0] type='text' class='form-control' placeholder='1234 - 1234 - 1234 - 1234'></div></div>");
}

Answer 1

对于您的点击事件，请尝试像这样切换代码

$(document).on("click", ".yourSelector", function(e){

代替

$('.yourSelector').click(function(e){

Boostrap附加的表格行不关注点击

1 个答案: