Question

I have 2 websites, both with the same code which display a Jquery speedometer. On one of the websites the speedometer doesnt show, but the other one does. There doesnt seem to be any jquery errors on the console and I am at a loss.

The div where it loads is #stresstotal

Speedometer working
http://www.beatinganger.com/node/353/done

Speedometer not working
http://www.paleolife.co.uk/pi/81-290593477

Any help would be appreciated.

Page not working

<script type="text/javascript" src="http://www.paleolife.co.uk/sites/default/files/js_injector/js_injector_5.js?m1v0du"></script>
<script type="text/javascript" src="http://www.paleolife.co.uk/sites/default/files/js_injector/js_injector_7.js?m1v0du"></script>

Page working

<script>

    $(function(){
        $('#stresstotal').speedometer();
            $('#stresstotal').speedometer({ percentage: $('.speedometer').val() || 0 });
    });



</script>
<script src="http://www.beatinganger.com/scripts/jquery.speedometer.js"></script>

They are the same code just in different file names.

Answer 1

jquery.speedometer.js is never loaded in the second page, thats why it don’t work.

The line:

<script src="http://www.beatinganger.com/scripts/jquery.speedometer.js"></script>

is not present in js_injector_5.js or in js_injector_7.js.

I’m sure that there are other references on the working page missing on the problematic one, so make a detailed check to guarantee that both sites resolve the same references -even if referenced from different places-.