我有3列延伸到相等的高度
这是使这三列有效的JS:SEE DEMO
<script>
$(document).foundation();
</script>
<script>
if(!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|Opera Mini|IEMobile/i.test(navigator.userAgent) )) {
jQuery(document).ready(function($){
var inHeight = $("#wrapper").innerHeight();
$("#wrapper .col").each(function(){
$(this).height(inHeight+"px");
$(this).find('.content').height((inHeight-60)+"px");
});
});
}
</script>
问题是这只有在刷新页面时才有效。有时我甚至需要刷新页面几次以使其工作。有什么方法可以解决这个问题吗?谢谢!
这是我的JS结构:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<script>
if(!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|Opera Mini|IEMobile/i.test(navigator.userAgent) )) {
jQuery(document).ready(function($){
var inHeight = $("#wrapper").innerHeight();
$("#wrapper .col").each(function(){
$(this).height(inHeight+"px");
$(this).find('.content').height((inHeight-60)+"px");
});
});
}
</script>
答案 0 :(得分:1)
jQuery(document).ready(function ($) {
if(!(/iPhone|iPad|iPod|Android|webOS|BlackBerry|Opera Mini|IEMobile/i.test(navigator.userAgent))) {
var inHeight = $("#wrapper").innerHeight();
$("#wrapper .col").each(function () {
$(this).height(inHeight + "px");
$(this).find('.content').height((inHeight - 60) + "px");
});
}
});