0

試行されているさまざまなスクリプト:

$(document).ready(function(){$(".body").addClass("ie-min");});
$(document).ready(function(){$(".body").attr("class", "ie-min");});
$(document).ready(function(){$(".body").css("min-width", "350px");});
$(document).ready(function(){$(".body").css("min-width" : "350px");});
$(document).ready(function(){$(".body").css("minWidth", "350px");});
$(document).ready(function(){$(".body").css("minWidth" : "350px");});

CSS:

.body{min-width:1100px}
.ie-min{min-width:318px}
body.body{min-width:1100px}
body.ie-min{min-width:318px}

HTML:

<body class="body">

クラス「body」は、javascript がオフになっているユーザーのデフォルトの最小幅です。条件付きコメントとページ自体の中で、外部の .js ファイルで実行しようとしました。以下の例:

<!--[if  IE 8]>
<link rel="stylesheet"type="text/css"href="/css/ie8.css"media="all"/>
<script type="text/javascript">
$(document).ready(function(){$(".body").addClass("ie-min");});
</script>
<script type="text/javascript"src="/scripts/respond.min.js"></script>
<![endif]-->

これをさまざまな組み合わせで試していますが、何も機能していません。ここで IE8 の何かが不足していますか?

4

1 に答える 1

0

問題は、JQuery ライブラリがページの下部にロードされていたため、ライブラリがまだロードされていないとスクリプトを実行できなかったことです。当たり前！これが同じ問題に遭遇した人に役立つことを願っています。

于 2012-10-04T10:24:09.503 に答える