Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.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
Jquery 如何让wapper扩展?_Jquery_Css_Jquery Masonry_Jquery Isotope - Fatal编程技术网

Jquery 如何让wapper扩展?

Jquery 如何让wapper扩展?,jquery,css,jquery-masonry,jquery-isotope,Jquery,Css,Jquery Masonry,Jquery Isotope,这真的让我头疼 我用的是同位素 我有一个相对的#容器集,其中我有一个头部,顶部导航带有隐藏的子导航,如果我点击导航上的链接,它会扩展子导航。好的 我有一个包装设置为相对的盒子,这些盒子是绝对的同位素设置 问题是,当subnav扩展时,它会向下推送内容,但框会被切断#容器使用了overflow:hidden,我无法使其可见,否则会产生其他问题。我尝试过很多解决方案,就是想不出来 您为同位素的内容引用了错误的包装。您应该为要排序的内容引用容器,在本例中为.box container(此处var$co

这真的让我头疼

我用的是同位素

我有一个相对的#容器集,其中我有一个头部,顶部导航带有隐藏的子导航,如果我点击导航上的链接,它会扩展子导航。好的 我有一个包装设置为相对的盒子,这些盒子是绝对的同位素设置


问题是,当subnav扩展时,它会向下推送内容,但框会被切断#容器使用了overflow:hidden,我无法使其可见,否则会产生其他问题。我尝试过很多解决方案,就是想不出来

您为同位素的内容引用了错误的包装。您应该为要排序的内容引用容器,在本例中为
.box container
(此处
var$container=$('.box container');
。因此,请执行此操作,并从CSS中删除以下内容,因为它们不需要:

#container {
    margin: 0 auto;  /* centering won't work without a solid width and not a restriction (min-width) */
    max-height: 100%; /* remove */
    min-height: 100%; /* remove */
    min-width: 930px;
    padding: 20px 5px 40px;
}

body {
    padding-bottom: 20px;
}
我最终将#head从#容器上取下,用jQuery将#head width和#head margins设置为#容器,即使在调整窗口大小时也是如此。这样,当子导航显示时,我不需要展开#容器,它会像正常一样推动#container div

 $(function() {
   var myLeft = $("#container").offset().left;
   var newWidth = $("#container").innerWidth();
   var myRight = $(window).width() - ($("#container").offset().left + $("#container").outerWidth());
$("#head").animate({ width: newWidth, marginLeft: myLeft, marginRight: myRight }, "fast");
});

谢谢

使用JSFIDLE描述你的问题,没有它很难想象你的问题是什么——即使我们成功地理解了你的想法,但实际上发生的事情通常不会是同一个问题。因此,JSFIDLE将节省我们的时间。好好利用它。因此,SUNBAV和nav都是站点???。如果你不希望代码超过某个高度或低于某个高度,那么判断你的代码是否比主站点上的代码更干净/更小。尽管如此,还是要尝试使<代码>高度:自动并尝试修正<代码>最小高度和<代码>最大高度。嗯,关于最小高度,我认为你是对的可以将#container设置为min height 100%;与box container相同。很好。即使不需要,它也会创建一个窗口滚动条,还有,我在ie中如何处理min height?当我调整显示器的大小时,它既不会拾取边距底部:20px,也不会拾取填充底部:20px。创建小代码的问题是,框的高度和宽度都是随机的我使用那个插件,所以创建一个小例子有点复杂。用min heigth建议更新live链接,看到问题了吗?p.s.ye他们有两个类navs,不确定我应该把高度放在哪里:auto;IE中有很多针对min Heigh的css破解,还有你的其他问题--我无法想象你在说什么..sry,我懒得检查你网站的完整结构..我帮你,你帮我..给我一个更好的例子来处理..那么,你想在内容的顶部打开subnav?或者你想在你的subnav扩展时不隐藏你的同位素内容?不,容器是插件使用的,我已经插入了我的头将这个#容器放在一边,这样插件也可以控制头部的位置,结果是在窗口加载和调整大小时,将我的徽标和导航始终与框的侧面对齐。我随后在框周围插入一个.box容器的原因是,通过将其设置为“位置:相对”,reve会向下推这个框及其子框阿林·亚纳夫,如果我移除了.box容器,那么就不会发生这种情况。如果你在firebug中看到它,你会看到#容器具有同位素设置的固定宽度,这就是为什么works@rob.m你可以更改容器引用并使用任何你喜欢的容器,你不能引用你的主容器N在同位素容器的div中插入一组样式和高度,该div必须与您的主要内容分开放置(这就是为什么您的盒子被切断)。首先尝试一下,然后返回到问题:)…顺便说一下,同位素插件的开发人员是这里的用户,请通过电子邮件向他发送此问题的URL,以便他可以查看,用户:我知道如何瞄准div,但我尝试做的是不同的事实,我想同时瞄准盒子和头部。之前,我编写了一个完整的jQuery bounch来计算新的子导航,并设置容器新高度和框边距顶部,它可以正常工作,但会产生许多其他问题。主要的事情基本上是让头部和框与同位素对齐。其他方面,同位素将框居中(我使用的是一种非常安全的istope模式,称为居中砌石),而不是头部,导致徽标和导航不对齐,并且能够用subnav向下推箱子。看看我第一次尝试的: