Javascript JQuery委派事件的工作方式与直接事件类似

Javascript JQuery委派事件的工作方式与直接事件类似,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我在页面中添加了动态按钮,我希望在单击它时发出AJAX请求 但是我的代码处理每个文档的点击,我做错了什么 <script type="text/javascript"> var $selButton=$("input[id^=btn_match_]"); $(document).on("click", $selButton, function (e) { // code is executing on every click

我在页面中添加了动态按钮,我希望在单击它时发出AJAX请求

但是我的代码处理每个文档的点击,我做错了什么

    <script type="text/javascript"> 
      var $selButton=$("input[id^=btn_match_]"); 

      $(document).on("click", $selButton, function (e) {
          //  code is executing on every click on the page              
          //  and not only on button click
      });
    </script>

var$selButton=$(“输入[id^=btn\u匹配]);
$(文档)。在(“单击”上,$selButton,函数(e){
//每次单击页面时都会执行代码
//而且不仅仅是点击按钮
});
我的一个按钮:

<input id="btn_match_26179" class="btn btn-primary btn-xs" type="submit">

选择器应该是字符串,而不是jQuery对象。如果它不是字符串,那么它将作为
event.data
传递给处理程序,而不是作为选择器。看

试试这个:

  var selector = "input[id^=btn_match_]";

  $(document).on("click", selector, function (e) {
      // ...
  });