オブジェクトを削除して保存しようとしています(ユーザーが後で取得したい場合に備えて)。以下のスレッドで言うように、オブジェクトを変数に格納しようとしました。
ただし、detach()
要素をDOMから削除したり、保存したりすることはありません。また、エラーメッセージも表示されません。要素をデタッチするために使用しているコードは次のとおりです。
function MMtoggle(IDnum) {
var rowID = "row" + IDnum;
var jRow = '#' + rowID;
thisMMbtn = $(jRow).find(".addMMbtn");
var light = false;
var that = this;
if (light == false) {
thisMMbtn.bind("click",
function() {
var thisRow = $(this).closest(".txtContentRow");
var thisTxt = thisRow.find(".txtContent");
var cellStr = '<div class = "mmCell prep"></div>';
$(cellStr).appendTo(thisTxt);
$(this).unbind("click");
light = true;
}
);
}
else {
thisMMbtn.bind("click",
function() {
var thisRow = $(this).closest(".txtContentRow");
thisMM = thisRow.find(".mmCell");
SC[rowID].rcbin = thisMM.detach(); //here is where I detach the div and store it in an object
$(this).unbind("click");
light = false;
}
);
}
}
MMtoggle(g.num);
問題のフィドルはここにあります:http://jsfiddle.net/pScJc/
(切り離すボタンは右側の「+」ボタンです。divを追加し、もう一度クリックすると切り離すはずです。)