Question

我想将使用ajax生成的输入字段绑定到页面中。

我尝试了许多不同的jQuery代码，但没有一个能成功。

以下是我使用的代码：

$('#bookingcoupon').bind('input', function(){});
$(document).on('bind', '#bookingcoupon', function(){});
$('body').on('bind', '#bookingcoupon', function(){});
$('.divname').on('bind', '#bookingcoupon', function(){});

均无效

当我使用点击侦听器时：

 $('.divwrapper').on('click', '.clickbutton', function(){});

这很好用，只是不喜欢on（）函数的绑定版本。

任何建议都会被应用：）

Answer 1

我举了这个例子，也许可以为您提供帮助：

http://jsfiddle.net/xpvt214o/873462/

// find elements
var button = $("button")

// handle click and add class
button.on("click", function(){
  $("#append").append( "<input class='sameClass' type='text'></input></br>" );

  $('.sameClass').change(function(){
    $('.sameClass').bind('change',functionChange(this));
  });

});

function functionChange(obj){
    alert($(obj).val());
};

和HTML：

<div id="banner-message">
  <button >Add TextBox</button>
  <div id="append">
  </div>
</div>

在绑定使用ajax调用生成的输入字段时

1 个答案: