jQuery UI位置-图像问题处的Div

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

多亏了史蒂夫·韦伦斯，我才弄清楚了这个问题。 我使用JSFiddle重新创建了问题，并在此过程中解决了问题。

问题是我居中的div没有固定宽度，因此默认为100％。 我在div中的控件处于左对齐状态，这使得很难判断代码是否正常工作。 一旦我在div上指定了宽度，一切就很好了。

供参考： http : //jsfiddle.net/C4HfL/4/