如何在jQuery中使用自定义函数

Question

我一直在寻找通过jQuery在不同方向滑动。我在stackoverflow中找到了一个自定义函数。但我不知道如何使用它。

$.fn.fadeSlideRight = function(speed,fn) { 
return $(this).animate({ 
    'opacity' : 1, 
    'width' : '750px' 
},speed || 400, function() { 
    $.isFunction(fn) && fn.call(this); 
}); 

}

请告诉我在哪里贴吧以及如何使用它。提前致谢 。

Answer 1

你只需把它放在你使用之前（可能是靠近你的脚本的开头），并可以调用它像这样：

$.fn.fadeSlideRight = function(speed,fn) { 
 
    return $(this).animate({ 
 
    'opacity' : 1, 
 
    'width' : '750px' 
 
    },speed || 400, function() { 
 
    $.isFunction(fn) && fn.call(this); 
 
    }); 
 
}; 
 

 
$("#test").fadeSlideRight(500,function(){ 
 
    alert("fadeSlideRight callback"); 
 
    });

#test{ 
 
    opacity:0; 
 
    width:100px; 
 
    background-color:red; 
 
    height:50px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="test">test</div>