小编Cra*_*ris的帖子

我一直在为我的网站的各个方面使用JQueryUI,并且一个小的选项卡式菜单集运行良好,除了在Firefox中.下图显示了在Firefox上面呈现的相同代码,以及下面的IE9.注意选项卡下的间隙和选项卡内填充(可能？)的增加.我已从网站(第二张图片)中删除了所有样式表,只留下了基本的JQuery UI,但差距仍然存在,并且只在firefox中出现.

js调用是基本的,它可以是:

    $("#menuTabs").tabs();

我不常显示IE浏览器比firefox更好的问题...删除了我生成的所有CSS,并确保没有应用任何样式,我不知道下一步要去哪里看看!

如果你能提出任何可能导致它的建议,我会很开心!

[编辑]在尽可能缩小代码并仅使用"已知良好"库之后,事实证明它是由于它在表格单元格中引起的!

这里有一些你可以玩的代码!http://jsfiddle.net/XVHTk/ 但是当检查"Normalized CSS"时它确实有效,所以它可能是从单元格继承的填充吗？

[编辑#2]

对.

所以.

事实证明,应用于表格以移除填充和边距以及边框等的CSS样式是不够的.您必须在表定义中包含cellpadding ="0"和cellspacing ="0",否则jQuery选项卡会在它们周围添加一些额外的填充.

奇.

jsFiddle with table and no extras:http://jsfiddle.net/XVHTk/1/

jsFiddle与表间距/填充剥离:http://jsfiddle.net/XVHTk/2/

为什么HTML单元格属性被转移到选项卡中,我不知道.我很乐意修复它!

我一直在努力寻找应该是一项简单任务的答案.我想在一个固定高度的div内堆叠图像(相同的宽度).简单.但是,除了能够使用容器div的滚动条扫描图像之外,我还希望JQuery可拖动小部件允许用户上下抓取和滑动图像堆栈.

我遇到的问题是:

1. 拖动和滚动似乎没有链接,因此图像包装器div位置与容器div的滚动条不匹配.
2. 我想停止在包装器底部上方滚动最后一个图像,同样,停止将顶部图像拖到顶部下方.由于内容大于容器,因此包含在此处不起作用.

我在这里乱七八糟地小提琴:http://jsfiddle.net/QhWbm/

// HTML
<div id="wrapper">
    <div id="scroller">
        <img src="http://placekitten.com/200/100" width="200" height="100" />
        <img src="http://placekitten.com/200/200" width="200" height="200" />
        <img src="http://placekitten.com/200/150" width="200" height="150" />
        <img src="http://placekitten.com/200/250" width="200" height="250" />
    </div>
</div>

// JS
$(document).ready(function(){
    $("#scroller").draggable({
        axis:"y"        
    });
});

// CSS
#wrapper {
    width: 220px;
    height: 200px;
    overflow: auto;
    border: 1px solid #ff0000;
}

快速播放将显示拖动和滚动条之间的断开连接以及拖动顶部/底部的功能.

任何建议都很棒,非常感谢