jQuery .wrap .unwrap responsive

Question

恕我直言，我对javascript相当陌生。我试图删除一个div的父级在980 it以下，然后将其添加到980 it以上。我正在使用下面的代码，这些代码是我在查看其他jQuery时编写的。

jQuery(window).resize(function () {
    var Tags = jQuery( ".case-studies .items-row div.span4" );
    var wi = jQuery(window).width();
    if (wi < 980) {
       if ( Tags.parent().is( "div.items-row.cols-3.row-0.row-fluid" ) ) {
    Tags.unwrap();
       }
    } else {
         (Tags.wrap.parent( "<div .items-row.cols-3.row-0.row-fluid></div>" ));}

});

我猜你会意识到我正在经历一些问题！

• 在页面加载时，jQuery不应用于980 on以下，但是，当您从大屏幕开始并缩小980 on以下的宽度时，jQuery才能工作。
• 一旦jQuery启动，屏幕大小超过980 get，删除的div就不会被重新应用。

请解释我哪里出了问题，因为我想知道。

耽误您时间，实在对不起

更新在任何jQuery之前的html是：

<section>
  <div class="items-row cols-3 row-1 row-fluid">
        <div class="span4"></div>
  </div>
</section>

使用以下jQuery：

jQuery(window).load(function () {
    var Tags = jQuery( ".case-studies .items-row div.span4" );
    var wi = jQuery(window).width();

    if (wi < 980) {
       if ( Tags.parent().is( "div.items-row.cols-3.row-0.row-fluid" ) ) {
    Tags.unwrap();
       }
    } 

    else {

    Tags.wrap( "<div></div>");


         }
});

在页面加载时，这发生在980 on之上：

<section>
  <div class="items-row cols-3 row-1 row-fluid">
        <div>
            <div class="span4"></div>
        </div>
  </div>
</section>

当我将页面刷新到980 the以下时：

<section>
    <div class="span4"></div>
</section>

低于980 is的结果是正确的，但是只有当我刷新屏幕时才会运行。980 or以上的结果不是我想要的结果，我希望它仍然存在或返回到：

<section>
      <div class="items-row cols-3 row-1 row-fluid">
            <div class="span4"></div>
      </div>
    </section>

Answer 1

#1：在页面加载时调用函数一次，这样您就不需要调整大小就可以得到它

#2

else {
     (Tags.wrap.parent( "<div .items-row.cols-3.row-0.row-fluid></div>" ));}

应该是

else {
     (Tags.wrap( "<div .items-row.cols-3.row-0.row-fluid></div>" ));}