时间戳

首页 > 解决方案 > jquery如何调用这个函数

jquery - jquery如何调用这个函数

问题描述

我想在我的代码的附加按钮和未附加按钮上都捕获点击事件。所以我创建了一个名为 processClick() 的函数使用：

$(document).ready(function() {
     $('.btn').on('click', function(e) {
        processClick($(this));
        e.preventDefault();
    });
});

$(document).on('click',".btn", function(e){
        processClick($(this));  
        e.preventDefault();
});

function processClick(thisObj) {
var $this = thisObj;
    //CODE HERE
}

我如何将 $(this) 传递给我的函数？我的代码不起作用，在我单击页面上的任何 .btn 后页面正在刷新。谢谢！

标签： jquery

解决方案

$(document).ready(function() {

  $('#buttons').append('<button type="button" class="btn" id="button1">Click Me!</button>'); 

  $('.btn').on('click', function(e) {
    e.preventDefault();
    processClick($(this));
  });
  
  function processClick(button) {
    console.log(button);
  }
    
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="buttons">
  <button type="button" class="btn" id="button2">Click Me!</button>
<div>

推荐阅读