实现CSS3灵活框布局后，JQuery拖放不能在FF3.6中工作吗？

我正在试验最新的CSS3框模型，以使我的布局在页面大小调整时动态调整大小。问题是，在Firefox 3.6中（在Chrome中完美运行），我的拖放有一个bug。我不知道它是一个Firefox，JQuery或我自己的错误？但是看起来像是我拖动的克隆对象的位置正在接收pos.left的额外30px。实现CSS3灵活框布局后，JQuery拖放不能在FF3.6中工作吗？

这意味着当我把我的按钮放到标签区域时，它不会被正确锁定在＃page1的可拖动区域内。相反，它似乎有30px的额外保证金，这个按钮神秘地驻留在其中。当我将按钮拖到页面的底部时，由于这个“保证金”，它看起来漂浮在页面1和标签内容之外。此外，如果我使用萤火虫来勾画容器，它们都看起来大小正确（没有滑稽的溢出或类似的东西）。但是，如果我在外容器，tab-content，page1，footer内部取出盒子模型代码并手动设置标签内容高度，则说明800px，则错误消失。

这似乎是这里发生：

var pos= $(ui.helper).offset(); 
      objName = "#clonediv"+counter; 
      $(objName).css({"left":pos.left,"top":pos.top});

我的代码是在这里： http://jsfiddle.net/yLCZb/5/

任何想法？我很乐意使用这种盒子模型技术，如果我可以让它在FF工作。

来源

2011-10-11 Seripa

请使一个工作http://jsfiddle.net。并使用一些分段符。 '：）' –

感谢您的提示！http：//jsfiddle.net/yLCZb/5/ – Seripa

我不是一个jquery的家伙，但它看起来像你的混合& doctypes的匹配是令人困惑的FireFox。尝试香草HTML5 doctype声明：

<!DOCTYPE html>

你也应该失去的XHTML结构和“语言”属性从<script>标签。

HTH！

来源

2011-10-11 03:10:08 user3516679

感谢您的提示！清理我的代码，但不幸的是该错误仍然在FF中 – Seripa

实现CSS3灵活框布局后，JQuery拖放不能在FF3.6中工作吗？

回答

相关问题