jQuery在具有Ajax响应的方法上 [英] jQuery on method with ajax response

问题描述

我有一个<select class="listenToMe" />，当更改时，它会执行某些操作.我还有一个单独的链接，当单击该链接时，它会执行ajax请求并返回更多dom元素，并且在它们内部有另一个<select class="listenToMe" />

I have a <select class="listenToMe" /> that when changes does something. I also have a separate link that when clicked performs an ajax request and returns more dom elements and inside them it has another <select class="listenToMe" />

我也希望将事件侦听器也应用于此元素.我正在尝试使用jQuery的on方法，但它似乎不起作用:

I would like my event listener to be applied to this element as well. I am trying to use jQuery's on method but it doesn't appear to be working:

JS

var selectListener = function() { alert('you change me!'};
$('.listenToMe').on("change", selectListener);

$('.addMore').click( function() {
  $.post('myWebPage.php', {} , (function(data) {
    $(this).before(data);
    // data is something like <div><select class="listenToMe" /></div>
  }).bind(this));
});

HTML

<div>
  <div>
    <select class="listenToMe" />
  </div>
  <div>
    <select class="listenToMe" />
  </div>
  <a class="addMore">Click me</a>
</div>

有什么建议吗?

推荐答案

您可以尝试

  $(document).on('change', '.listenToMe', function(){

   // Your code here
   })

这篇关于jQuery在具有Ajax响应的方法上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！