實現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中工作嗎？

回答

相關問題