Question

我在这里有一个问题。我想在MOBILE上更改网站列顺序。我尝试使用javascript，但似乎不工作是我的代码有问题？我正在使用wordpress

这是当前的桌面视图：[a] [b] [c]

目前的移动视图是这样的。

[α]

并[b]

并[c]

我希望我的专栏看起来像这样

并[b]

[α]

并[c]

这是我的代码

<script>
  var $iW = $(window).innerWidth();
  if ($iW < 480){
     $('.b').insertBefore('.a');
  }else{
     $('.b').insertAfter('.a');
  }
</script>

Answer 1

你可以使用带有容器div的2个html列，如

<div class="for_desktop">
[a]
[b]
[c]
</div>

<div class="for_mobile">
[b]
[a]
[c]
</div>

写Css赞：

@media only screen and (max-width: 500px) {
   .for_desktop{ display:none;}
}

@media only screen and (min-width: 500px) {
   .for_mobile{ display:none;}
}

注意：宽度将会改变（您可以根据需要进行设置）。

在移动视图中更改列顺序（wordpress）。有可能的？

1 个答案: