的userAgent jQuery腳本衝突的

Question

我有一些jQuery的，設置高度和不同的div的寬度。

jQuery(document).ready(function($) { 
    var h = $(window).height(); 
    var w = $(window).width(); 
$('.slide') .css({'height': h}); 
$('.slide') .css({'width': w}); 
}); 

直到最近，我添加了一個腳本加載的userAgent的CSS文件，一個爲iPad，Android和其他一切這一直很好。出於某種原因，這兩個腳本不會一起運行。我可以擁有正確大小的div，或者多平臺網站。

if(navigator.userAgent.match(/iPad/i)) { 
document.write("<link type=\"text\/css\" *etc*>");} 

else if(navigator.userAgent.match(/android/i)){ 
document.write("<link type=\"text\/css\" *etc*>");} 

else { 
document.write("<link type=\"text\/css\" *etc*>"); 
} 

任何原因這最後一個腳本的腳本是停止運行的第一個？

Answer 1

我的猜測是以下。

的jQuery.ready()功能只要DOM結構滿載叫，但加載任何外部的樣式表之前。這意味着代碼加載和應用樣式表與修改CSS的代碼之間存在潛在的競爭條件。

您可以嘗試打電話給在jQuery.onload()這個片段。

var h = $(window).height(); 
var w = $(window).width(); 
$('.slide') .css({'height': h}); 
$('.slide') .css({'width': w});