slideUp在实际页面上有所不同

时间:2013-06-27 04:50:04

标签: javascript jquery slideup

我试图在没有图像的一堆项目上使用slideUp() JQuery函数。我写的代码在JSFiddle中运行良好,但在我的实际页面上,它以笨重的方式崩溃。

他们为什么不采取同样的行动?

JSFiddle

要激活页面上的功能,请按右侧菜单中的复选框

Real page

1 个答案:

答案 0 :(得分:0)

通过CSS筛选几分钟,我找到了一个解决方案,我已经做了一个更正列表。

Here is the CSS code on pastebin,它完成了我在下面提到的所有修复。

手动修复

查看#middlewrapper #content .contentbox,停用float:left

#middlewrapper #content .contentbox {
    width: 650px;
    padding: 15px;
    /* float: left; */
    background-color: white;
}

查看#middlewrapper #content .contentbox_shadow,停用float:left

#middlewrapper #content .contentbox_shadow {
    width: 690px;
    height: 20px;
    /* float: left; */
    background-image: url('http://xn--nstvedhandel-6cb.dk/naestved/public/css/../images/content_skygge.png');
    background-repeat: no-repeat;
}

查看#middlewrapper #content,停用float:left

#middlewrapper #content {
    width: 690px;
    /* float: left; */
}

最后,找到#middlewrapper #content .contentbox,在定义之后,放置#content

#content {
    width: 680px;
    float: left;
}

请勿删除或更改#middlewrapper #content稍后发现几行的定义。