Question

我已经阅读了其他一些类似的帖子，但无法找到解决我（简单？）问题的方法。

我正在构建一个JQuery Widget。我想允许用户指定必须使用哪种JQuery动画类型来显示某些内容。

基本上，我想要改变必须在运行中运行的功能。

例如：

var animation = this.options.animationType;
$("#myDiv").animation();

（我知道代码不正确，我只是想表明这个概念）

然后必须运行所选的动画类型

任何想法，这甚至可能吗？

谢谢你，米歇尔

Answer 1

您只能通过创建自己的jQuery plugin来执行此类操作。如果它正确完成，用户可以编写如下内容：

var options = { animationType: "bounce" };
$("#myDiv").animation(options);

要轻松创建jQuery插件，您可以使用Starter或jQuery Boilerplate快速启动它们。不要忘记阅读有关如何创建插件的文档（关于这些插件的内容可以在Google或SO上找到）。

Answer 2

看看你是否想要这样的东西：

你在这里创建了一个jquery函数：

$.fn.center = function(){
   this.css('top',($(window).height()/2-$(this).height()/2)+'px');
   this.css('left',($(window).width()/2-$(this).width()/2)+'px');
   return this;
};

并将其称为：

$('myElem').center();

$.fn.center会将调用它的元素集中在一起。

动态附加JavaScript函数

2 个答案: