JS只刷新

Question

頁面後的作品我有3列延伸到高度相等

，這是使那些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> 

Answer 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"); 
     }); 
    } 
});