JSFiddle ...JQuery работает в JSFiddle, но не на моем сайте?
Хорошо, мне нужна помощь с некоторым 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);
};
};
});
Любая ошибка, выброшенная в консоль? –
Обычно это происходит из-за неправильной вставки библиотеки jquery. Вы можете проверить? – Edward
Ничего в консоли, попробуйте перезагрузить библиотеку. – Allenph