jQuery Masonry error in FF 3.6

Question

I have a page with some tiles laid out using the jQuery Masonry plugin. However i get an error in FF 4 and below:

$("#flextiles").masonry is not a function

I am tearing my hair out as to why it is not working, it works in every other browser - even IE6!!!

Here is the page

Anyone got any ideas?

Relevant code to load masonry plugin and init is:

function buildGrid() {
    $('#flextiles').masonry({
        itemSelector: 'li',
        columnWidth: 235
    });
}

$.getScript("http://bhuk.stage.arcadiagroup.ltd.uk/wcsstore/ConsumerDirectStorefrontAssetStore/images/colors/color35/cms/templates/static/template-0000008049/js/masonry.min.js", function() {
    buildGrid();
});

Answer 1

I really wouldn't worry at all about FF 4! It's on version 12 these days. I'm a fan of Masonry myself, it's a nice plugin, but if it wasn't working on FF4 it really wouldn't bother me at all.

Check the stats!

• W3 Schools- Browsers
• Browser Versions

Answer 2

Fwiw I just installed FF 3.6 on a VM running XP and loaded your link. It works fine and I get no JS errors. The stuff below the fold looks Masonified.

How many machines have you tried this on? There could be something on a particular machine that is hosing this ( an add-on or spyware ) I suggest that you try to disable all "extensions" and try again.