jquery - 动态附加 JavaScript 函数

Question

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

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

基本上，我想更改必须即时运行的功能。

例如：

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

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

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

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

谢谢你，米歇尔

Answer 1

你只能通过创建自己的jQuery 插件来做这样的事情。如果正确完成，用户可以编写如下内容：

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将使调用它的元素居中。