Calling specific jQuery plugin functions, where two plugins have the same function name

Question

I am working on a project where I am using Twitter Bootstrap Framework. I am also using the jQuery UI library. The problem is that in these two libraries there are a few functions with the same name, eg tooltip. Now when I apply this function to any element, the function with the last declaration is being applied.

For example if I include the jQuery UI library after the Bootstrap library, and use

$("element").tooltip();

The tooltip() function in jQuery UI is called. I know I can achieve the desired result by removing the given function from one of the library or by rearranging the position of libraries. But I wanted to know whether there is any way to specify which library's function is to be called when there are two libraries sharing the same function name.

Boris Pavlovic · Accepted Answer · 2012-11-28 05:58:25Z

1

No there is no way to use both functions at the same time. Both functions are added into $() Object through prototype. So maybe you should rename one of this, or use only one.

answered Nov 28, 2012 at 5:58

Boris Pavlovic

1,2778 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amadan · Accepted Answer · 2012-11-28 06:01:44Z

1

You can rename one plugin after it is loaded, and before you load the next one. Something like $.fn.jqueryui_tooltip = $.fn.tooltip; and only then load Twitter's library.

answered Nov 28, 2012 at 6:01

Amadan

200k23 gold badges253 silver badges321 bronze badges

1 Comment

Kalpesh Patel Over a year ago

I would like to use it, but unfortunately it is not working. Can you please explain a bit more?

Collectives™ on Stack Overflow

Calling specific jQuery plugin functions, where two plugins have the same function name

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related