当按钮被点击时调用jQuery函数

Call a jQuery function when a button is being clicked

本文关键字：调用 jQuery 函数 按钮      更新时间：2023-09-26

我试图设置jQuery自己的函数，并在单击事件触发时调用该函数。下面是我想出来的代码:

HTML: 

<input type="text" class="form-control email_input" name='email' id="reserve_email_1" placeholder="Email">
                <span class='input-group-btn'>
                  <button type="submit" id="subscribe_1" class="btn btn-success subscribe_button">Send now</button>
</span>

JS: 

$(document).ready(function(){
$('.subscribe_button').click(function(){
$.fn.Subscribe();
 });
 $.fn.Subscribe = function(){ 
  var email = $(this).parent().siblings('.email_input').val();
  alert(email);
} 
});

但是无论我在email输入中有什么值，它都不会在警报中弹出。我测试了，不认为这是错误的遍历顺序，而是第一个函数未能调用第二个函数。你能说说为什么会这样吗?

,

Subscribe是一个插件方法，所以你需要像jQuery插件那样调用它(以便该方法将获得this的适当上下文值)

$('.subscribe_button').click(function () {
    $(this).Subscribe();
});

演示:小提琴

相关文章：