javascript - jQuery 在点击时调用自定义函数

Question

在单击 h1 后我如何正确调用 specialHouse 函数，以仍然允许 $(this) 表示 div.content 的方式。目前，以下内容不适用于错误“Uncaught TypeError: Object [object Object] has no method 'specialHouse'”

function specialHouse()
{
    $(this).slideDown(500, function(){
      $(this).delay(2000).slideUp();
    });
 };

$('div.content').hide();
$('h1').on('click', function(){
    $(this).next('div.content').specialHouse();
})

感谢您的帮助:)

Answer 1

你必须告诉 jQuery 你的新函数:

jQuery.fn.specialHouse = function() {
   return this.slideDown(500, function(){
     $(this).delay(2000).slideUp();
   }
}

当我们返回 this 时，我们的函数是可链接的:

$("a").specialHouse().text("Hello World");