自定义功能不起作用

Question

我正在创建自定义功能，但它无法正常工作

我的HTML

 <h3>REVEAL YOURSELF</h3>

  <p >
    REVEAL YOURSELF SOMEWHERE
  </p>

我的jquery

 (function(){


    var object = {

        var p : $('p'),

        fadeSlideToggle: function(){
            $(this).animate({
                'height':'toggle',
                'opacity':'0'
            });
        }

    };

   $('h3').on('click', object.fadeSlideToggle);

})();

当我使用

时，我的功能正在运行

 (function(){

  $.fn.fadeSlideToggle = function(speed, fn){
        $(this).animate({
            'height':'toggle',
            'opacity':'0'
        },speed , fn)
    }

    $('h3').on('click', function(){500
        $('p').fadeSlideToggle();
    });


})();

为什么它没有通过这种方式工作？请hrlp我是jquery的新手，谢谢：）

Answer 1

您会indeed，需要删除对象中的关键字var，并将代码保存为：

(function () {
     var object = {
         p: $('p'),
         fadeSlideToggle: function () {
             $(this).animate({
                 'height': 'toggle',
                     'opacity': '0'
             });
         }
     };

     $('h3').on('click', object.fadeSlideToggle);
 })();

将其删除并your code will work。