goodbabies回答ポイント 100pt

Clickが一度しか反応しないJavascript

window.confirm→trueとなった後、2回目以降が発動しません。何がダメなのでしょうか？

$(function(){
$("#main_box").append(function(){
var nativeJSON = localStorage.getItem('strage');

//JavaScriptオブジェクトに変換
var object = JSON.parse(nativeJSON);

var html = "データ一覧:<BR>";

for(var idx=0; idx < object.items.length; idx++) {
html = html + object.items[idx].name + "<span class='disp'>削除</span><BR>";
}

$("#strage").append(html);

});

var disp = function disp(){

if(window.confirm('削除OK？')){

var nativeJSON = localStorage.getItem('strage');

var object = JSON.parse(nativeJSON);

var object = localStorage.getItem('strage') ? JSON.parse(localStorage.getItem('strage')) : { items: []};
object.modified = "2012/05/23 Wed";

var index = $(".disp").index(this);

object.items.splice(index,1);

console.log(object);

nativeJSON = JSON.stringify(object);

// ローカルストレージ保存
localStorage.setItem('strage', nativeJSON);

var html = "最終更新:" + object.modified + "<BR>";

for(var idx=0; idx < object.items.length; idx++) {
html = html + object.items[idx].name + "<span class='disp'>削除</span><BR>";
}

$("#strage").empty();

$("#strage").append(html);
}

}

//問題はここ。
$(".disp").click(disp);

}
});

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ログインして回答する

ベストアンサー

Cherenkov2012/05/25 15:12:17
満足100pt
まずnativeJSONとobjectの部分を整理してから。エラーメッセージはありませんか？
HTML部分を推理するのは手間なのでコピペするだけで動作確認ができるモデルを書いてから質問したほうが早く解決すると思います。
https://gist.github.com/
http://jsfiddle.net/
を活用するのがおすすめです。

多分新たに追加される .disp にclickイベントがbindされてないからでは。
```
$(".disp").click(disp);
↓
$(".disp").live('click', disp);
```
にしてみるとか。
スター
- 3件のコメントを見る
- Cherenkov 2012/05/25 15:24:52
  $("#main_box").append(function () { var nativeJSON = localStorage.getItem('strage');
  この部分は保存されていない場合が考慮されていないので不具合になりそう
  
   スター
- a-kuma3 2012/05/25 15:27:07
  
  ちぇ、出遅れた。
  http://stacktrace.jp/jquery/api/events/live.html
  
  jQuery のバージョンにもよりますけど、.delegate() とか .on() というのもあります。
  
  スター
- goodbabies 2012/05/25 16:05:17
  
  live()　ですか、ありがとうございます。参考になりました。
  使っているjQueryは最新使うようにしているのでたぶん大丈夫です。
  
  まだまだbindなど、理解できていません。よく勉強したいと思います。
  
  スター

その他の回答

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2012-05-25 15:00:16
終了日時: 2012-05-25 16:06:10
回答条件: 1人5回まで

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問