用jquery移动图像

Question

对于学校我正在为移动设备制作一个网站。 有多个列，例如1个用于菜单的列，1个用于书的上下文，旁边的那个列将保存脚注和图像信息。

在手机上，您将只能看到一列，陀螺仪手势将用于垂直滚动到下一列。

我只能不能移动图像。所以如果有人可以帮助。 重要的是，应该在图像所在的文本中形成一个空白空间。此外，如果第一列发生变化，那么图像在第3列中应该仍然是正确的。因此图像应该有相对于第二列的位置。 我有一个按钮来更改测试的第一个colin的宽度。

我创建了一个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到图像，否则将无法移动。

花时间弄个小提琴的表扬。另外请注意，不要在你的小提琴html中包含头部/身体标签。这弄乱了东西。也不包括已经包含的资源（如jQuery）。您可以使用左侧面板添加这些东西。