jQuery UI Position - Div Over Image问题

2011-04-10 52 views 2 likes

我有一个图像表（每个图像都在它自己的td中），我有一个包含可以在图像上执行的操作的div。当我将鼠标悬停在图像上时，我会在图像顶部显示div。我现在使用的是jQuery UI Position插件。我已经写了JavaScript来完成这一点。每个图像都有一个名为'cam'的属性，所以我使用选择器来连接mouseover事件。带有命令的div具有id'dvCamControl'。jQuery UI Position - Div Over Image问题

问题是我似乎无法得到的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不在图像的中心，而是以左边的方式（方式）结束。

来源

2011-04-10 Peter

也许你可以创建一个JSFiddle来演示这个问题。 – 2011-04-10 23:44:40

回答

感谢Steve Wellens，我找到了问题所在。我使用JSFiddle重新创建问题，并在此过程中解决了问题。

问题是我正在定位的div没有固定的宽度，所以它默认为100％。我在div中的控件左对齐，很难说代码工作正常。一旦我在div上指定宽度，一切都很好。

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

来源

2011-04-11 01:16:38 Peter

jQuery UI Position - Div Over Image问题

回答

相关问题