. Уже не работает на реальном сайте, но работает в jsFiddle

Question

Я работаю над сайтом, и я использую этот флиппорт: http://jsfiddle.net/9yyVd/1490/.

Вместо того чтобы позволить ему работать над кликом, как он изначально закодирован, я изменил клик на .ready. Но это не работает на веб-странице. Я думаю, это потому, что у меня уже есть 2 .ready в одном документе jquery? Во всяком случае, я не сейчас.

Теперь мой код выглядит следующим образом:

target.ready(function(e) { 
      var next = fill(texts[k].split('')), 
       prev = fill(target.data('prev').split('')), 
       print = prev; 

      $.each(next, function(i) { 
       if (next[i] == prev[i]) { 
        return; 
       } 
       var index = alph.indexOf(prev[i]), 
        j = 0, 
        tid = window.setInterval(function() { 
         if (next[i] != arr[index]) { 
          index = index == alph.length-1 ? 0 : index + 1; 
         } else { 
          window.clearInterval(tid); 
         } 
         print[i] = alph[index]; 
         render(print); 
       }, options.speed) 
      }); 
      k = k == texts.length-1 ? 0 : k + 1; 
     }); 

Он отлично работает в скрипке, но когда я реализую его на веб-сайте, он больше не работает. Вы можете увидеть исходный код здесь: http://www.babyq.be

Таким образом, цель заключается в том, чтобы флиппорд переворачивался при загрузке страницы или при выборе «box5».

Я надеюсь, что кто-то может помочь.

Answer 1

Похоже, у вас есть ошибка на вашем веб-сайте, которая может остановить приложение Query.

Answer 2

Вы используете jquery 1.10.1.js и файл JS использует if ($.browser.msie) на линии 173 в файле http://www.babyq.be/scripts/jquery.spritely-0.6.js

Также $.browser имеет устаревшие из version 1.3 и удалены из jquery 1.9

Читать эту http://api.jquery.com/jquery.browser/

Возможно, это вызвало ошибку Ошибка.

Еще одна ошибка. Просмотрите изображение, которое вы проверили?

Новый обновленный Я нашел error вы должны заменить строку

$('.text').ticker(); 

По

$('#text').ticker(); 

Id использовать здесь потому,

return this.each(function() { 
    var k = 1, 
    elems = $(this).children(),// here is problem 
    // try the above line by replacing=> elems = $(this).find('li') 
    arr = alph.split(''), 
    len = 0, 
    fill = function(a) { 
    while(a.length < len) { 
    a.push(' '); 
    } 
    return a; 
},