Databases
StackOverflow2013
Postsdbo
POscriptaculous and JQuery do not collaborate
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POscriptaculous and JQuery do not collaborate
    primarykey
    data
    text
    <p>I am using jQuery slider to browse images and Scriptaculous slider animation on the same page. They work perfectly if I put in two separate pages.</p> <p>When I order the code in this way.</p> <pre><code>&lt;script type="text/javascript" src="/scripts/prototype.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/scriptaculous.js?load=effects"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/lightbox.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery.easing.1.3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery.coda-slider-2.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; jQuery(document).ready(function(){ jQuery('#coda-slider-1').codaSlider({ dynamicArrows: false, dynamicTabs: false }); }); &lt;/script&gt; </code></pre> <p>Scriptaculous slide is working and jQuery slide stops working. When I order this way.</p> <pre><code>&lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery.easing.1.3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery.coda-slider-2.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; jQuery(document).ready(function(){ jQuery('#coda-slider-1').codaSlider({ dynamicArrows: false, dynamicTabs: false }); }); &lt;/script&gt; &lt;script type="text/javascript" src="/scripts/prototype.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/scriptaculous.js?load=effects"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/lightbox.js"&gt;&lt;/script&gt; </code></pre> <p>jQuery starts working and Scriptaculous slide stops working. Then I looked for some solution around and it is stated that using jQuery.noConflict(); and replacing selector $ with jQuery can solve the problem but it doesn't. I put these two things in the code and try this way.</p> <pre><code>script type="text/javascript" src="/scripts/prototype.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/scriptaculous.js?load=effects"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/lightbox.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery.easing.1.3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/scripts/coda-slider-2.0/jquery.coda-slider-2.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; jQuery.noConflict(); jQuery(document).ready(function(){ jQuery('#coda-slider-1').codaSlider({ dynamicArrows: false, dynamicTabs: false }); }); &lt;/script&gt; </code></pre> <p>That only forces jQuery to work no matter what order it and it makes Scriptaculous stop working.</p> <p>Any suggestion is appreciated here. Cheers.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USJonas T
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CODoes the slider plugin behave in terms of using `$`?
      singulars
      1. POscriptaculous and JQuery do not collaborate
      1. USalex
    2. COGood point. I'd try doing a search-and-replace on that plugin if it does. Do you get any errors?
      singulars
      1. POscriptaculous and JQuery do not collaborate
      1. USBlender
    3. CONope. I have already replaced all "$" with "jQuery".
      singulars
      1. POscriptaculous and JQuery do not collaborate
      1. USJonas T
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload