javascriptでdetachが復活しません

Question

一度detachで消した.frameを、.profileの子要素として再復活させたいのですが、うまく復活してくれません。
何が原因でしょうか？
よろしくお願いします。

$(document).ready(function(){
  $(window).resize(function(){
  var width = $('body').width();
  if (width < 1000){
    frame = $('.frame').detach();
    $('.aboutme').css('width','100%');
  } else if (width > 1000) {
    $('.profile').append(frame);
    $('.aboutme').css('width','70%');
  }
  });
});

Answer 1

detachというものを使用したことがないのですが、
ifのローカル変数になっているからではないでしょうか。

document.readyの下あたりにframeを定義してみてはいかがでしょう。

Comments

[退会済みユーザー]

ありがとうございます。
おっしゃるとおりに変数をifの外に出したらいけました。