gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 14:27:51 25 4
gpt4 key购买 nike

我正在试验最新的 CSS3 盒模型,使我的布局能够随着页面大小的调整而动态调整大小。问题是在 Firefox 3.6(在 Chrome 中完美运行)中,我的拖放操作出现了错误。不知道是firefox、jquery还是我自己的错误?但看起来我正在拖动的克隆对象的位置正在为 pos.left 额外接收 30px。

这意味着当我将按钮放入选项卡式区域时,它没有正确锁定在#page1 的可拖动区域中。相反,似乎按钮神秘地存在 30 像素的额外边距。当我将按钮拖到页面底部时,由于这个“边距”,它似乎漂浮在 page1 和选项卡内容之外。

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

这似乎发生在这里:

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

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

有什么想法吗??如果我能让它在 FF 中工作,我很乐意使用这种盒子模型技术..

最佳答案

我不是 jquery 专家,但看起来您对文档类型的混合和匹配让 FireFox 感到困惑。尝试 Vanilla HTML5 文档类型声明:

<!DOCTYPE html>

您还应该从 <script> 中丢失 XHTML 构造和“语言”属性标签。

喂!

关于javascript - 在我实现 CSS3 灵活的框布局后,JQuery 拖放在 FF3.6 中不起作用,有什么想法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7720796/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com