0

'添加电话号码'

这是写在这段代码中的

$("#fieldsetnew-add").click(function () {
        var addnewfieldset = $(document.createElement('div'))
            .addClass('fieldset1-inner-phoneno');
        addnewfieldset.after()
                .html(
'<fieldset style="background-color:#B0C4DE;moz-border-radius:15px;-webkit-border-radius:15px;" class="defaultfeild" >' +
        '<br>' +
        '<br>' +
        '<label> label :</label>'+
        '<input  type="label" value="labelname"  placeholder="">'+
        '<button class="btn btn-danger" id="remove" >remove this profile</button>'+
        '<br>' +
        '<br>' +
        '<label>Email :</label>' +
        '<input  type="email" value="labelname"  placeholder="me@example.com">'+
        '<br>'  + 
        '<br>' +
        '<div>'+
        '<br>'+
        '<div id="TextBoxesGroup1">'+
        '<div id="TextBoxDiv1">'+
        '</div>'+
        '</div>'+
        '<button class="btn btn-success" id="fieldsetnew-addphone" > Add phone no </button>'+
        '</div>'+
        '<br>'+
        '<br>'+
        '</fieldset>'+
        '<br>'+
        '<br>');
        addnewfieldset.appendTo("#fieldset-new-add");

    });

我如何使用按钮的ID............我想添加输入框，点击“添加电话号码”按钮时的按钮............ .

4

3 回答 3

1

您可以使用on绑定到动态添加元素的事件，这些事件的作用是：

将一个或多个事件的事件处理函数附加到选定元素。

因此，例如：

$("#fieldsetnew-addphone").on("click", function(e) { 
  // event handler code
});
于 2013-08-27T14:01:06.950 回答
0

您必须将 click 事件绑定到页面加载时出现的元素，如下所示：

$('body').on('click', '#fieldsetnew-addphone', function(){
    // do something
});
于 2013-08-27T14:16:22.367 回答
-1

是的，正如格兰特所说：使用on()方法。因为 jQuery 初始化后创建的 ID，所以不能用bind(). 老实说，我以前从未使用bind()过，而且我总是使用on(). 这是最新的方法。很高兴知道在幕后，辅助方法bind()和live()它们都指向on()方法。

与您的问题无关但值得一提的其他事情是尽量不要将您的 JavaScript 与 HTML 混合。您可以改为使用像Handlebars.js这样的模板

于 2013-08-27T14:16:38.633 回答