jQuery UI Position - Div Over Image問題

Question

我有一個圖像表（每個圖像都在它自己的td中），我有一個包含可以在圖像上執行的操作的div。當我將鼠標懸停在圖像上時，我會在圖像頂部顯示div。我現在使用的是jQuery UI Position插件。我已經寫了JavaScript來完成這一點。每個圖像都有一個名爲'cam'的屬性，所以我使用選擇器來連接mouseover事件。帶有命令的div具有id'dvCamControl'。

問題是我似乎無法得到的div中心的形象。

代碼：

 $('[cam]') 
      .mouseover(function() {    
       $('#dvCamControl') 
        .show() 
        .position({ my: "center", at: "center", of: $(this), collision: 'none'}); 
      }); 

的IMG看起來像

<IMG style="WIDTH: 300px" alt="img" src="img" cam="img1"> 

DIV的中心垂直方向而不是水平。 div不在圖像的中心，而是以左邊的方式（方式）結束。

Answer 1

感謝Steve Wellens，我找到了問題所在。我使用JSFiddle重新創建問題，並在此過程中解決了問題。

問題是我正在定位的div沒有固定的寬度，所以它默認爲100％。我在div中的控件左對齊，很難說代碼工作正常。一旦我在div上指定寬度，一切都很好。

僅供參考：http://jsfiddle.net/C4HfL/4/