Animate bootstrap流体网格

时间:2013-02-04 11:37:53

标签: twitter-bootstrap grid jquery-animate scriptaculous fluid-layout

我想知道你是否可以提供一些关于如何编写Javascript动画代码以在Bootstrap流体网格系统上执行精彩动画的建议。

我的想法是,我有一个带有搜索字段和按钮的简单页面。当用户输入一些关键字并按下要提交的按钮时,用户获得返回的结果集并以酷炫的动画行为显示在网格中。

我正在考虑Script.aculo.us的问题,并检查他们的Effect.appear()Effect.fade()示例。我想将这两个效果组合在流体网格上,以便当出现轮廓网格时(以延迟方式),并且出现在网格的行/列中的返回数据将具有淡入淡出效果。那应该完成这项工作。

我想知道是否可以将Script.aculo.us的优秀动画框架合并到Boostrap中,并在构建我的语言翻译应用程序时将这两个框架相互配合使用。

希望有道理..

1 个答案:

答案 0 :(得分:0)

我终于解决了这个问题。

我明白了。

我应该如何加载Scriptaculous和Bootstrap js库。

事实证明,在加载Scriptaculous js之前,我需要先在标签中加载核心Bootstrap js库!

然后我需要包含jQuery.noConflict方法,因为这两个核心库经常使用jquery,因此在编写jquery代码时会发生一些冲突。

毕竟,从那里工作正常!