JQuery замена изображения не работает

Question

Эй, так что я нашел это jsfiddle http://jsfiddle.net/dEHZZ/1/

$('div#thumbs img').click(function() { 
$('#mainimg img').prop('src', $(this).prop('src')); 
return false; //stop link from navigating 
}) 

прокрутке некоторые вопросы здесь, однако он не работает, когда я пытаюсь реализовать его здесь http://ra-yon.com/beta/Test_sites/HFE/products/IR155R926.php

Любые идеи?

Answer 1

Ваш код JQuery запускается перед вашей DOModel чтения и готов манипулировать

Используйте документ ready функция

$(function(){ // DOM ready to be manipulated 

    $('div#thumbs img').click(function(e) { 
     e.preventDefault(); //stop link from navigating 
     $('#mainimg img').prop('src', this.src); 
    }); 

}); 

Кроме того, в вашем коде, я не вижу никакой связи, так что на самом деле вы впадина нужен какой-либо return false не event-preventDefault() (я)

http://api.jquery.com/ready/

Answer 2

Оберните JQuery в document ready call

$(document).ready(function() { 
    $('div#thumbs img').click(function() { 
     $('#mainimg img').prop('src', $(this).prop('src')); 
     return false; //stop link from navigating 
    }) 
}); 

jsFiddle делает это автоматически, поэтому он работает там.

Answer 3

Поместите свой код в готовом методе:

$(document).ready(function(){ 
    $('div#thumbs img').click(function() { 
    $('#mainimg img').prop('src', $(this).prop('src')); 
    return false; //stop link from navigating 
    }) 
}); 

Вы экземпляр кода перед DOM элементы будут готовы.