Jquery Слайд-шоу на странице не работает

Question

Я пытаюсь интегрировать слайд-шоу jquery, но его не работает. Я использую 3 файла jquery, jquery cycle plugin и slideshow stylesheet, оба включены в страницу, но слайд-шоу не перемещается. Вот ссылка, слайд-шоу находится в #slider ul.

http://tinyurl.com/88aotym

relavant папка, которая имеет JS и стилей является "кошки-слайдер.

Это функция JQuery в головной секции

<script type="text/javascript"> 

    $(function() 
    { 
    $(".slider ul") 
    .cycle({ 
     prev: '.slider .controls .prev', 
     next: '.slider .controls .next', 
     timeout: 3000, 
     pager: '.slider .controls .pages', 
     pagerAnchorBuilder: pagerFactory, 
     before: function(Ec, En, o, f) 
     {   
      var classTarget = $(Ec); 
      var nextClassTarget = $(En); 

      classTarget = classTarget.context.attributes.rel.value; 
      nextClassTarget = nextClassTarget.context.attributes.rel.value; 

      $('.slider .controls .' + classTarget).removeClass('selected'); 
      $('.slider .controls .' + nextClassTarget).addClass('selected'); 
     } 
    }); 

    // Pager Function 
    function pagerFactory(idx, slide) 
    { 
     var selected = (idx == 0 ? 'selected' : null); 
     return '<img src="http://mysite.com/wp-content/plugins/cat- slider/images/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />'; 
    }; 
}); 

</script> 

Answer 1

Я проверил ваш код с некоторыми контрольными точками и, как оказалось, браузер даже не прыгать в код сценария. Попробуйте изменить:

$(function() 
    { 

к этому:

$(function() { 

Это не шутка;) Я недавно услышал, что в JS иногда ';' автоматически вставлены в конце строки, даже если мы не хотим этого в этом месте. Возможно, это происходит в вашем коде.