我一直在狂热地使用 CSS 来完成我正在构建的网站的最后一段,但我遇到了一个只使用 Chrome 的奇怪问题。 FF 和 IE 似乎工作正常。
我正在使用 jQuery 加载 HTML stub ,在这种情况下,很多内容来自外部博客,但是当从非常长的页面切换到非常短的页面时,我得到大约一英里的未使用页面仍然附加到文件结束。
这是加载 stub 的页面主体:
<body>
<div id="page">
<div id="mainWrapper">
<div id="headerFullWidth"></div>
<div id="fixedwidthcontainer">
<div id="header">
<div id="logo"><img src="images/logo.png" height="85px" width="187px"></div>
<div id="shoppingcart"></div>
</div>
<div id="shoppingCartIcon"></div>
</div>
<div class="contentSpacer"></div>
<div id="contentwrapper">
<div id="content"></div>
</div>
<div class="contentSpacer"></div>
<div id="footer">
<div id="footerContent">
<a href="#contactPopupContent" id="contactfooter">Contact Us</a><a href="#privacyPopupContent" id="privacyfooter">Privacy Policy</a><a href="#shippingPopupContent" id="shippingfooter">Shipping & Returns</a>
<div id="copyrightfooter">© 2011 Victory Barbers and Brand</div>
</div>
</div>
<div id="fullWidthFooter"></div>
</div>
</div>
</div>
</body>
我所有的加载都是使用 jQuery load()
完成的,而且我对网站进行了一次迭代,没有出现这个问题。我一直在转向 100% 宽度的样式,并且在这个过程中出现了这个问题。
我的问题是:有没有办法在移动到不同/较短的内容时强制页面重新检查其大小?
最佳答案
我认为我已经找到了解决这个问题的方法。 (至少我没有在几分钟内看到它发生)。在 .ajax 回调中,在使用 $('div').html(data);
设置内容后,我使用 $(window).resize();< 调整整个窗口的大小
关于javascript - 在 Chrome 中,页面不会在 Ajax 加载后调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6276492/