CODEWITHSUNDEEP
jqueryfancybox
Michael
Michael

Reputation: 307

Strange Error when using FancyBox and jQuery

I'm getting an error when trying to use Fancybox

Firebug tells me

jQuery is not defined
f.length;a;)this.addEventListener(f[--...s.unbind("mousewheel",a)}})})(jQuery);

I'm positive that all the paths to script and style files are correct.

<script type="text/javascript" src="/Javascript/jquery.mousewheel-3.0.4.pack.js"> </script>
<script type="text/javascript" src="/Javascript/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/Javascript/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#Enlarge").fancybox({
    'titleShow'     : false,
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic',
    'easingIn'      : 'easeOutBack',
    'easingOut'     : 'easeInBack'
});});
</script>

Upvotes: 0

Views: 1687

Answers (1)

Uku Loskit
Uku Loskit

Reputation: 42040

The jQuery line should be before the plugin line. That's why it says it's undefined, as it uses the jQuery library in its source.

<script type="text/javascript" src="/Javascript/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/Javascript/jquery.mousewheel-3.0.4.pack.js"> </script>
<script type="text/javascript" src="/Javascript/jquery.fancybox-1.3.4.pack.js">

Upvotes: 3

Related Questions