Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 幻灯片在实际页面上不同_Javascript_Jquery_Slideup - Fatal编程技术网

Javascript 幻灯片在实际页面上不同

Javascript 幻灯片在实际页面上不同,javascript,jquery,slideup,Javascript,Jquery,Slideup,我试图在一堆没有图像的项目上使用slideUp()JQuery函数。我编写的代码在JSFIDLE中运行良好,但在我的实际页面上,它以一种笨拙的方式崩溃 为什么他们的行为方式不同 要激活页面上的功能,请按右菜单中的复选框 在CSS中筛选几分钟,我找到了一个解决方案,我列出了一个更正列表 ,它完成了我在下面提到的所有修复 手动修复 查找#middlewrapper#content.contentbox,禁用float:left #middlewrapper #content .contentbox

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

为什么他们的行为方式不同

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


在CSS中筛选几分钟,我找到了一个解决方案,我列出了一个更正列表

,它完成了我在下面提到的所有修复

手动修复 查找
#middlewrapper#content.contentbox
,禁用
float:left

#middlewrapper #content .contentbox {
    width: 650px;
    padding: 15px;
    /* float: left; */
    background-color: white;
}
#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 {
    width: 690px;
    /* float: left; */
}
查找
\middlewrapper\content.contentbox\u shadow
,禁用
float:left

#middlewrapper #content .contentbox {
    width: 650px;
    padding: 15px;
    /* float: left; */
    background-color: white;
}
#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 {
    width: 690px;
    /* float: left; */
}
查找
#中间包装器#内容
,禁用
浮动:左

#middlewrapper #content .contentbox {
    width: 650px;
    padding: 15px;
    /* float: left; */
    background-color: white;
}
#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 {
    width: 690px;
    /* float: left; */
}
最后,找到
#middlewrapper#content.contentbox
,在其定义之后,放置
#content

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

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

如果它在fiddle上运行良好,那么代码中还有其他内容会干扰此操作,请检查css和js,并确保您具有正确的html语法(在那里有结束标记。)它在页面上的具体操作方式如何?演示会很好,这很危险,除非你有足够的安全性,否则不要给你的计算机提供链接:)@Thirumalaimurugan这不是本地的,你可以黑客。@CME64:冷静:P这只是一个IP,每个网站都有一个。