Question

我希望在我的最后一个输入字段上每按一次，就会出现一个新的/附加的字段。第一次按下最后一个输入字段的效果很好，但是此后，只有当我在创建新输入字段之前单击最后一个输入字段时，它才有效，但它只应在当前的最后一个输入字段上起作用

bump Android dependencies to latest.

Answer 1

您需要结合选择器:last使用动态点击事件。

$('selector).click()仅将click事件附加到该时间点上存在的元素，如果您随后动态添加元素，则它们将不包括在此选择过程中。

$(document).on("event", "selector", function() { .... });可以按照您的意愿进行操作，将点击事件附加到整个文档，然后根据“实时”页面（包括动态添加的组件）将点击事件与选择器进行比较。

下面的代码按照您的要求进行操作。

// Add dynamic click event
// Use :last to just trigger event if last input lcicked.
$(document).on( "click", "input:last", function() {
  
  // Add new input
  $(this).after('<input type="text" placeholder="Answer">');

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input placeholder="Answer">

在最后一个输入字段问题之后插入新的输入字段

1 个答案: