Question

I’m trying to get the lavalamp menu working in a theme, but it just doesn’t seem to wanna happen!

I’ve checked and rechecked the paths for the files, etc – but to no avail.

Any ideas would be appreciated! http://missjennifer.net/srini/

Thank you

Answer 1

It appears that you are trying to use numeric IDs for your HTML elements. HTML element ids must begin with a letter. Since your HTML is invalid, your selector $(“#1, #2, #3”) evaluates to null and thus you get a javascript error.

My solution would be to give your tags a class — like “lavamenu” and then apply a class selector for your plugin:

$('.lavamenu').lavalamp( ... );

Update:

Since you are also using MooTools, you need to use jQuery in noConflict mode. You can do this using:

var $jq = jQuery.noConflict();

then whenever you would have used the $ function for jQuery, simply use $jq. Note that you need to invoke noConflict() after jQuery is loaded but before any conflicting javascript library is loaded. More information on noConflict() can be found on the jQuery site, as well as ideas on how to use jQuery with other libraries.

$jq(function() {
    $jq('.lavamenu').lavalamp( ... );


});