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

我的猜测如下所示。

在完全加载dom结构之后，但在加载任何外部样式表之前，就会调用jQuery.ready()函数。这意味着在加载和应用样式表的代码与修改css的代码之间存在潜在的竞争条件。

您可以尝试在jQuery.onload()中调用此片段。

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