Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery Liquid Slider controls not working
    primarykey
    data
    text
    <p>I'm using the liquid slider found here: <a href="http://liquidslider.com/" rel="nofollow">http://liquidslider.com/</a> on this page: <a href="http://www.emmaroche.ie/category/2013/" rel="nofollow">http://www.emmaroche.ie/category/2013/</a></p> <p>The slider works as expected with one problem: the controls don't work. The code for the controls is:</p> <pre><code> &lt;div class="controls outside span5 offset7"&gt; &lt;a href="#left" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav prev"&gt;&lt;span id="slider-prev"&gt;&lt;/span&gt;&lt;/a&gt; &lt;a href="#right" data-liquidslider-ref="slider-id" class="rslides_nav rslides1_nav next"&gt;&lt;span id="slider-next"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/div&gt; </code></pre> <p>With the important part being the 'data-liquidslider-ref' obviously.</p> <p>I'm getting the error: 'Uncaught TypeError: Object # has no method 'on'' on the page which I presume is to do with the slider loading another (unnecessary) version of jQuery on top of Wordpress's version. But with auto slide turned on the slider works fine so I don't think this is the problem.</p> <p>The code in the head is:</p> <pre><code>jQuery(document).ready(function($) { $(function(){ $('#slider-id').liquidSlider({ autoHeight: true, autoSlide: false, slideEaseFunction: 'easeOutSine', dynamicArrows: false, slideEaseDuration: 550, crossLinks: true, autoSlideControls: true, autoSlideStartText: 'asas', autoSlideStopText: 'asad' }); }); }); </code></pre> <p>I've used this slider many times before without a problem and with the same settings.</p> <p>Kind of stumped as to what the problem might be. I'd really appreciate any help.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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