arielsalminen / ResponsiveSlides.js

Simple & lightweight responsive slider plugin (in 1kb)
http://responsiveslides.com
3.46k stars 1.52k forks source link

Error when loading the slider: Object [object Object] has no method 'responsiveSlides' #233

Open AleSciacqua opened 11 years ago

AleSciacqua commented 11 years ago

Hi,

I have been trying to use the same code from your demo.html file ( I basically copied and pasted on my html file) but it is throwing this error, and I can't figure out why.

Could you help me out?

ERROR: Uncaught TypeError: Object [object Object] has no method 'responsiveSlides' (anonymous function) l c.fireWith v.extend.ready A

SCRIPT TAGS

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="../js/responsiveslides.min.js"></script>
<script>
  // You can also use "$(window).load(function() {"
  $(function () {
    // Slideshow 4
    $("#slider4").responsiveSlides({ //HERE THROWS THE ERROR
      auto: false,
      pager: false,
      nav: true,
      speed: 500,
      namespace: "callbacks",
      before: function () {
        $('.events').append("<li>before event fired.</li>");
      },
      after: function () {
        $('.events').append("<li>after event fired.</li>");
      }
    });
  });
</script> 

HTML

350 West 42nd Street Apt 32D

```
  • bedroom
  • bathroom
  • view
  • roof
  • skyline
  • living room
  • kitchen
  • floorplan
```

Thanks

nocturnalmonkey commented 10 years ago

Hey,

I've just come across the same issue. Dropping the error into Google led me to Stackoverflow with a solution that works for me

http://stackoverflow.com/a/13832389/2925797