IE8让我遇到了使用JQuery设置min-width的不同尝试的问题

时间:2012-10-04 08:40:55

标签: jquery internet-explorer css

正在尝试不同的脚本:

$(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的内容吗?

1 个答案:

答案 0 :(得分:0)

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