Скрипт не работает в WordPress

Question

Я хотел бы переместить следующей страницы

http://cliponexpress.com/customize-your-clipon.html

В этой WordPress странице

http://cliponexpress.com/customizeit/

Скрипт ниже изменения изображения при уменьшенных нажатии. он отлично работает на html-странице, но я не могу заставить его работать над wordpress, независимо от того, где я его размещаю (пробовал заголовок, нижний колонтитул и внутри самой страницы).

Любая идея, что я делаю неправильно?

Вот сценарий:

<script type="text/javascript"> 
$('a.thumbnail').click(function() { 
    var src = $(this).attr('href'); 
    var output = src.split('/').pop().split('.').shift(); 
    $("#os1").val(output); 
    $("#os1_text").text(output); 
    if (src != $('img#lens').attr('src').replace(/\?(.*)/, '')) { 
     $('img#lens').stop().animate({ 
      opacity: '0' 
     }, function() { 
      $(this).attr('src', src + '?' + Math.floor(Math.random() * (10 * 100))); 
     }).load(function() { 
      $(this).stop().animate({ 
       opacity: '1' 
      }); 
     }); 
    } 
    return false; 
}); 

$('a.thumbnail2').click(function() { 
    var src = $(this).attr('href'); 
    var output = src.split('/').pop().split('.').shift(); 
    $("#os0").val(output); 
    $("#os0_text").text(output); 
    if (src != $('img#chassis').attr('src').replace(/\?(.*)/, '')) { 
     $('img#chassis').stop().animate({ 
      opacity: '0' 
     }, function() { 
      $(this).attr('src', src + '?' + Math.floor(Math.random() * (10 * 100))); 
     }).load(function() { 
      $(this).stop().animate({ 
       opacity: '1' 
      }); 
     }); 
    } 
    return false; 
}); 

Спасибо.

Answer 1

Попробуйте это:

<script type="text/javascript"> 
(function($) { 
    $(document).ready(function(){ 
     alert('test'); 
    /*ADD YOUR CODE HERE*/ 
    }); 
}(jQuery)); 
</script>