javascript - images does not display when hover thumbs -

I have a problem with my function in jquery, its a simple hover event is not in errors in error lightbox console, okay , But my big image is showing while hovering the thumbnail.

  CSS. Lightbox an IMG {border: 0; Display area; }. Lightbox a {display: inline-block; Border: 3px solid # ccc; } #Huge Events {Status: Completed; Padding: .5 AM; Background color: # E3E3A3; Border: 1 px solid # bfbfbf; }  

Tested in WebKit

This is my job I

). Css ('top', event.pageY + offsetY) .css ('left', event.pageX + offsetX) .appendTo ('body') ;}, Function () {/ * mouse element * / $ ('# largeImage') excludes, do so. Remove ();}); $ ('. Lightbox a'). Museum (function) (action) * / $ ('# largeImage'). CSS ('top', event .pageY + offsetY) .css ('left', Event.pageX + offsetX);}) ;

Try wrapping your code in this ...

  $ (document) .ready (function () {// your code});  

Alternatively, have you remembered to import the jQuery library?

  & lt; Script src = "http: // ajax .googleapis.com / ajax / libs / jQuery / 1.11.1 / jquery.min.js" & gt; & Lt; / Script & gt;