Javascript 在我实现CSS3灵活的方框布局后,JQuery拖放在FF3.6中不起作用,有什么想法吗?

Javascript 在我实现CSS3灵活的方框布局后,JQuery拖放在FF3.6中不起作用,有什么想法吗?,javascript,jquery-ui,css,drag-and-drop,boxlayout,Javascript,Jquery Ui,Css,Drag And Drop,Boxlayout,我正在试验最新的CSS3盒子模型,使我的布局能够随着页面大小的变化而动态调整大小。问题是Firefox 3.6在Chrome上运行得很好,我的拖放操作遇到了一个bug。我不确定这是firefox、Jquery还是我自己的错误?但它看起来像是我正在拖动的克隆对象的位置为pos.left额外接收了30px 这意味着,当我把我的按钮放进选项卡区域时,它没有被正确地锁定在可拖动区域(即第1页)内。更确切地说,按钮似乎神秘地驻留在30px的额外边距中。当我将我的按钮拖到页面底部时,由于这个“边距”,它似乎

我正在试验最新的CSS3盒子模型,使我的布局能够随着页面大小的变化而动态调整大小。问题是Firefox 3.6在Chrome上运行得很好,我的拖放操作遇到了一个bug。我不确定这是firefox、Jquery还是我自己的错误?但它看起来像是我正在拖动的克隆对象的位置为pos.left额外接收了30px

这意味着,当我把我的按钮放进选项卡区域时,它没有被正确地锁定在可拖动区域(即第1页)内。更确切地说,按钮似乎神秘地驻留在30px的额外边距中。当我将我的按钮拖到页面底部时,由于这个“边距”,它似乎漂浮在第1页和选项卡内容之外

此外,如果我使用firebug来勾勒容器的轮廓,它们看起来都大小合适,没有有趣的溢出或诸如此类的东西。但是,如果我取出外部容器内的框模型代码,tab content,page1,footer,并手动将tab content高度设置为800px,那么bug就会消失

这似乎发生在这里:

  var pos= $(ui.helper).offset();
          objName = "#clonediv"+counter;
          $(objName).css({"left":pos.left,"top":pos.top});
我的代码在这里:


有什么想法吗??如果我能让它在FF中工作的话,我很想使用这个盒子模型技术。

我不是一个喜欢jquery的人,但是看起来你对doctype的混合和匹配让FireFox很困惑。尝试普通HTML5 doctype声明:

您还应该丢失标记中的XHTML构造和语言属性


请做一份工作报告。并使用一些段落分隔符:谢谢你的提示!谢谢你的提示!清理我的代码,但不幸的是,错误仍然在FF中