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/

jQuery UI Position - Div over Image Issue

1 个答案: