我制作了一个 jQuery 插件,它可以制作启动画面。它使用 jQuery 的 animate 函数,并通过以下方式初始化和触发:
$('#temperature_splash').splashScreen();
$('.tempGraphButton').click(function () {
$('#temperature_splash').splashScreen('splash', 300);
//Here, I would like to make an ajax request when the animation has finished
}
我想在插件中的动画完成后发出 ajax 请求,但我不知道怎么做。有没有人有什么建议?
插件代码概要
$.fn.splashScreen = function (method) {
// Method calling logic
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist');
}
}
var methods = {
init: function () {
//Some initializations
},
splash: function (time) {
//Setting some properties
splashScreenContent.animate({
width: width,
left: leftPos
}, time).animate({
height: height,
top: topPos
}, time);
return false;
}
}
})(jQuery);