Javascript JS仅在刷新页面后工作

Javascript JS仅在刷新页面后工作,javascript,css,loading,Javascript,Css,Loading,我有3列延伸到相同高度 这就是JS,它使这3列工作: $(document.foundation(); 如果(!(/iPhone | iPad | iPod | Android | webOS | BlackBerry | Opera Mini | IEMobile/i.test(navigator.userAgent))){ jQuery(文档).ready(函数($){ var inHeight=$(“#包装器”).innerHeight(); $(“#wrapper.col”)。每个(函

我有3列延伸到相同高度

这就是JS,它使这3列工作:


$(document.foundation();
如果(!(/iPhone | iPad | iPod | Android | webOS | BlackBerry | Opera Mini | IEMobile/i.test(navigator.userAgent))){
jQuery(文档).ready(函数($){
var inHeight=$(“#包装器”).innerHeight();
$(“#wrapper.col”)。每个(函数(){
美元(此)。高度(英寸+像素);
$(this).find('.content').height((inHeight-60)+“px”);
});
}); 
}
问题是,这只在我刷新页面时起作用。有时我甚至需要刷新页面几次才能使其正常工作。有没有办法解决这个问题?谢谢

这是我的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> 

$(document.foundation();
如果(!(/iPhone | iPad | iPod | Android | webOS | BlackBerry | Opera Mini | IEMobile/i.test(navigator.userAgent))){
jQuery(文档).ready(函数($){
var inHeight=$(“#包装器”).innerHeight();
$(“#wrapper.col”)。每个(函数(){
美元(此)。高度(英寸+像素);
$(this).find('.content').height((inHeight-60)+“px”);
});
}); 
}

试试看。在文件准备好的手柄中移动您的if条件恐怕它不起作用:(谢谢。我正在测试它
<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> 
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");
        });
    }
});