Question

I have this script that positions a div’s background in proportion with the window size:

// JavaScript Document
var jQNC = jQuery.noConflict();

jQNC(document).ready( function () {
    setPunchMargin()
    jQNC(window).resize( function () {
        setPunchMargin();
    });
});

function setPunchMargin() {
    var windowWidth = jQNC(window).width();
    if (windowWidth <= 980) {
        var margin = 0;
    } else {
        var margin = Math.round((windowWidth - 980) / 2);
    }
    jQNC('.punch').css('background-position', margin + 'px 320px');
}

It works like a charm on my local machine, but when uploading it to the server i get jQuery is undefined and on the jquery library i get unexpected token error.

Can you tell me what is wrong here?

Thank you,
Radu.

Answer 1

This looks like you are not uploading or referencing jQuery correctly. Try using an absolute reference to a Jquery CDN like: http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

(where 1.5.1 is the version of Jquery you’d need).