2013-07-15 2 views
0

JSFiddle ...JQuery работает в JSFiddle, но не на моем сайте?

http://jsfiddle.net/dHezM/6/

Хорошо, мне нужна помощь с некоторым JQuery для карусельного изображения Я пытаюсь создать. Я взял код я получил от Marcel Gwerder здесь ...

Checking if image has left its container?

И я благодарен, что он помог мне исправить мой код. Теперь по какой-то причине я не могу заставить этот код работать на моем сайте. Он отлично работает в JSFiddle, но не на моем сайте. Думая, что я, должно быть, что-то пропустил, я обновил JSFiddle, скопировав и вставив код из моего HTML, CSS и JQuery в JSFiddle ... и снова он отлично справился.

Анимация по-прежнему работает, но, по-видимому, код, который запускается, когда мое изображение покидает сцену, отсутствует, потому что я не получаю и не предупреждаю, когда это произойдет. Что дает?

$(document).ready(function() { 
    var stage = $(".gallery"); 
    var stageoffset = stage.offset(); 
    var stageleft = stageoffset.left + 600; 
    var lastimage = $("img:last"); 

    function gallery() { 
      $("#image").animate({"margin-left":"+=100px"}, {duration: 1000, easing:  "linear", progress: checkBox}); 
    }; 
    var interv = setInterval(gallery, 1000); 

     function checkBox() { 
      if(!(typeof lastimage.offset() === 'undefined')) { 
     var imageoffset = lastimage.offset(); 
       var imageleft = imageoffset.left; 
      if(imageleft > stageleft) { 
        lastimage = lastimage.prev(); 
        alert("Passed to the right."); 
       }; 
       } else { 
        clearInterval(interv); 
       }; 
      }; 
     }); 
+0

Любая ошибка, выброшенная в консоль? –

+1

Обычно это происходит из-за неправильной вставки библиотеки jquery. Вы можете проверить? – Edward

+0

Ничего в консоли, попробуйте перезагрузить библиотеку. – Allenph

ответ

-2

Эдвард был прав, я перезагрузил файл JQuery, и он отлично поработал. Я думаю, что моя проблема заключалась в том, что когда я впервые перешел на страницу jQuery, я был в хроме, а ссылка для загрузки открыла содержимое файла и не загрузила его. После этого я просто скопировал все на странице и вставил в JS-файл. По-видимому, это не путь.

Чтобы исправить это, я открыл ссылку в Chrome, щелкнул правой кнопкой мыши и сохранил файл как файл JS. Это сработало красиво, извините за суету.