How to integrate a Javascript or jQuery widget
The approach below will save you hours of wasted debug time.
Too often I have integrated a plug-in only to unnecessarily write
methods that already existed. Or dealing with obscure css conflicts or
Javascript conflicts that are difficult to trace.
1) Read the docs to learn the existing methods and events.
2) If docs don't exist open the non-minified code and learn it.
3) Get the widget working in the simplest test project you can create.
4) Add the widget to a simple sandbox div in your project.
Comment out all src and links to css other than what pertains to the widget.
5) Put the widget in the right place of your code and start to uncomment
your code back to its original state.
See also