IE8 让我在使用 JQuery 设置最小宽度的不同尝试中遇到了问题


正在

尝试的不同脚本:

$(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的东西吗?

问题是我在页面底部加载了 JQuery 库,因此如果库尚未加载,脚本/脚本将无法运行。咄!希望这可以帮助遇到相同问题的人。

相关内容

  • 没有找到相关文章

最新更新