rails jquery slider and textile editor conflict

Question

hello!

i have a conflict between different jquery parts. i have a rails app and in there i have an internal area where admins can administrate the whole page and for that i put in a textile editor. outside i created a jquery slider for nicer overview.

myTitle <%= javascript_include_tag 'jquery-1.4.2'%> <%= javascript_include_tag 'jquery.localscroll'%> <%= javascript_include_tag 'jquery.scrollTo'%> <%= javascript_include_tag 'jquery.serialScroll'%> <%= javascript_include_tag 'category_pages_slider' %> <%= stylesheet_link_tag 'app' %>

now my problem.. the slider works, but in the textile part there is no bar where i can handle the text with formats. i use the following plungin from http://github.com/felttippin/textile-editor-helper/blob/master/README

can somebody help me? i modified the textile part with textile_editor_initialize(:framework => :jquery) for using jquery instead of prototype.

mattherick

Answer 1

Not that it is recommended to use both Prototype and JQuery on the same page, but sometimes there is a need for it.

After you load the jquery library you can prevent it from conflicting with prototype by using:

jQuery.noConflict();

Then change your jQuery functions from this:

$("#sliderdiv").slider();

to

jQuery("#sliderdiv").slider();

Of course, I am guessing at the slider syntax, but you get the picture.:)

Good luck!