Conflicts when using both jquery and prototype based components on the same webapge

Question

I need to use UI components based on Jquery and prototype on same webpage. But this leading to conflicts and none of two components(one Jquery slideshow & another prototype based ticker), work normal.

How do I prevent this conflict and make both working together on same php page.

What conflict would this be exactly? If it has something to do with the jquery `$`, than you should have a look at the API -> http://api.jquery.com/jQuery.noConflict/ — GNi33, Sep 14 '11 at 11:24
http://docs.jquery.com/Using_jQuery_with_Other_Libraries might be of some use — Cubed Eye, Sep 14 '11 at 11:25

score 1 · Answer 1 · edited May 23 '17 at 12:29

1

Check out the jQuery.noConflict(); method.

Search before you ask a question though, I just googled and found a ton of similar questions.

edited May 23 '17 at 12:29

Community

1
1

answered Sep 14 '11 at 11:24

thwd

23,956
8
74
108

score 1 · Accepted Answer · answered Sep 14 '11 at 11:25

1

Please use Jquery noConflict method so that jquery's control of $ variable can be relinquished . Please refer to the below link

http://api.jquery.com/jQuery.noConflict/

answered Sep 14 '11 at 11:25

Sivakumar

890
1
14
27

score 0 · Answer 3 · answered Sep 14 '11 at 11:25

0

You can always alias jQuery in a self executing method if you need to:

 (function($)
 {
      // $ refers to jQuery
 })(jQuery);

answered Sep 14 '11 at 11:25

Tejs

40,736
10
68
86

Conflicts when using both jquery and prototype based components on the same webapge

3 Answers3