javascript - 单击按钮时调用 jQuery 函数

Question

我正在尝试自行设置 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);
} 

});

但是无论我在电子邮件输入中有什么值，它都不会在警报中弹出。我测试了一下，不认为这是错误的遍历顺序，而是第一个函数调用第二个函数失败。关于为什么会发生的任何建议？

最好的，

Answer 1

Subscribe 是一个插件方法，因此您需要像调用 jQuery 插件一样调用它(以便该方法将为 this 获取正确的上下文值)

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

演示:Fiddle