我知道有人问过非常类似的问题,我已经尝试了答案。这是我的代码:
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$('<link rel="stylesheet" type="text/css" href="stylesheet-mobile.css" />').appendTo('head');
$('<script src="script-mobile.js"></scr' + 'ipt>').appendTo('head');
}
else {
$('<link rel="stylesheet" type="text/css" href="stylesheet-main.css" />').appendTo('head');
$('<script src="script-main.js"></scr' + 'ipt>').appendTo('head');
}
</script>
您可以看到我完成结帐工作的方式,使它正常工作,看起来像是,但事实并非如此。我也尝试过“转义”斜杠,即:</ script>,对我也不起作用。这些就是我在这里找到的答案... CSS运行良好,所以它不是jquery本身,如果我把那个script标签放到最后一个结束标签下面,它就可以工作,所以它的名字没有错。 .. 有任何想法吗?
您可以在页面加载之前操纵页面的DOM。使用ready处理程序$(function() {…})
,请参阅文档:
<script>
$(function() {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$('<link rel="stylesheet" type="text/css" href="stylesheet-mobile.css" />').appendTo('head');
$('<script src="script-mobile.js"></script>').appendTo('head');
}
else {
$('<link rel="stylesheet" type="text/css" href="stylesheet-main.css" />').appendTo('head');
$('<script src="script-main.js"></script>').appendTo('head');
}
});
</script>
如果太晚了,您必须document.write
在页面中使用<head>
:
<head>
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
document.write('<link rel="stylesheet" type="text/css" href="stylesheet-mobile.css" />');
document.write('<script src="script-mobile.js"></script>');
} else {
document.write('<link rel="stylesheet" type="text/css" href="stylesheet-main.css" />');
document.write('<script src="script-main.js"></script>');
}
</script>
</head>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句