Question

我希望根据ID post-thumnail79的宽度为类theID添加CSS。我做了类似下面脚本的条件。

<script>
var widthrc = $("#theID").width();
  if(widthrc <= 328){
        $(".post-thumnail79").css("width","100%");
        alert(widthrc);
  }
  else{$(".post-thumnail79").css("width","50%");}
</script>

虽然条件合适，但仍然无法运行。检查。谢谢。

Answer 1

.css的正确语法是：

.css({ 'property':'value', 'property':'value' })

更改您的代码：

var widthrc = $("#theID").width();
  if(widthrc <= 328){
        $(".post-thumnail79").css({"width","100%"});
        alert(widthrc);
}else{
  $(".post-thumnail79").css({ "width","50%"} );
}

Answer 2

我让你的代码在这里工作： https://gist.github.com/lslucas/e526fc7a8bb35157c803

还有更简单的细节，比如使用$（function（）和导入jquery lib。

div内容宽度的条件

2 个答案: