0

i am using jQuery easing, county and lavalamp plugins in a site i am working. the menu which uses lavalamp plugin is not working.. The instantiating code is

 $(function() {
        $("#fluidMenuBar").lavaLamp({
            fx: "backout", 
            speed: 700,
            click: function(event, menuItem) {
                return false;
            }
        });
    });

the error that Firefox shows is this,

TypeError: $(...).lavaLamp is not a function 

while this is so, i placed a time counter which uses county plugin

and the same happened for it,

TypeError: $(...).county is not a function

but these two plugins work perfectly fine in their own separate demo.html files.

My order of files in the head

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/county.js" ></script>
<script type='text/javascript' src='js/queryLoader.js'></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
  <script type="text/javascript" src="js/jquery.lavalamp.min.js"></script> 

where script.js is generally where i initialise the plugins.

Also, the jquery.js i have included is jquery-1.10.2.js but my whole site is behaving strangely without this,

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

shouldn't that serve the same purpose as my jquery.js file?

Edit: Just realized lavalamp plugin uses easing.js and county plugin is not working if easing.js is used.. Firefox code:

TypeError: jQuery.easing[this.easing] is not a function
Pramodh
  • 775
  • 2
  • 9
  • 17

0 Answers0