0

I'm wondering if you could offer some advice here on how to write Javascript animation code for performing great animation on Bootstrap fluid grid system.

My idea for is that I have a simple page that comes with search field and a button. When user enters some keywords and presses the button to submit, user get a returned result set and gets display in the grid, in a cool animated behaviour.

I'm thinking along the line of Script.aculo.us, and I check their Effect.appear() and Effect.fade() examples. I want to combine these two effects on fluid grid such that when an outline grid will appear (in a delayed manner) and the returned data that appears in the rows/columns of the grid will have the fade effect. That should do finish the job.

I'm wondering if I could incorporate the great animation framework of Script.aculo.us into Boostrap and get these two work with each other as I build my language translation app.

Hope that makes sense..

Geek Num 88
  • 5,264
  • 2
  • 22
  • 35
awongCM
  • 917
  • 5
  • 22
  • 46

1 Answers1

0

I finally resolved this problem.

I got it working.

There's an ordered sequence of how I should load Scriptaculous and Bootstrap js libraries.

It turns out I need to load the core Bootstrap js libraries in tag first before I load Scriptaculous js's!

Then I need to include jQuery.noConflict method as these two core libraries use jquery a lot so there's going to be some conflicts that will be occurred when writing jquery code.

After all that, it works fine from there!

awongCM
  • 917
  • 5
  • 22
  • 46