переместить изображение с помощью jquery

Question

Для школы я делаю сайт для мобильного.Существует несколько столбцов, например, 1 для меню, 1 для контекста книги, а рядом с ним будут содержаться сноски и информация об изображении.

На телефоне вы увидите только один столбец за раз,жесты гироскопа будут использоваться для вертикальной прокрутки к следующему столбцу.

Я не могу заставить изображение двигаться.Так что, если кто-то может помочь с этим.Важно то, что в тексте должно быть пустое место, где было изображение.Кроме того, если изменяется первый столбец, изображение должно быть правильным в столбце 3. Таким образом, изображение должно иметь свою позицию относительно второго столбца.У меня есть кнопка, чтобы изменить ширину первого колина для тестирования.

Я создал jsfiddle (мой первый!), Но он не работает, однако на моем хосте код работает, за исключением штрафов за изображение.т двигаться.Так что я думаю, что установил что-то не так в моем jsfiddle (если так, скажите мне, что, пожалуйста, чтобы я мог предотвратить это в следующий раз).(ReferenceError: Не могу найти переменную: changeColumnWidth)

http://jsfiddle.net/UpKAM/

Answer 1

Попробуйте вместо этого:

$('.b_image').each(function() {
    var xPos = $(this).offset().left;
    xPos += 200;
    $(this).offset({'left':xPos});
});

http://jsfiddle.net/UpKAM/7/

Answer 2

Ваша скрипка не работает, потому что вы объявили свои обработчики событий в строке. Переместите их в область JavaScript. В любом случае, это хорошая практика, и jsfiddle не поддерживает встроенные объявления.

http://jsfiddle.net/EfDas/

Ваш код на самом деле работает, вам просто нужно добавить position: relative к изображению, иначе оно не будет двигаться.

Благодарности за то, что нашли время, чтобы сделать скрипку. В качестве еще одного примечания, не включайте теги head / body в html-скрипку. Это портит вещи. Также не включайте ресурсы, которые уже включены (например, jquery). Вы можете использовать левую панель, чтобы добавить этот материал.