用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）。您可以使用左側面板添加這些東西。