2012-04-28 14 views
0

私は、画像のリストと各画像に添付された削除ボタンを持っています。モデルダイアログと呼び出し元関数の間のリンク

は削除ボタンのクリックで、私はjQueryのイベントハンドラの助けを借りて、Twitterのブートストラップモーダルを使用して、確認のためのポップアップを開きました。私は、ポップアップで、確認ボタンをクリックしたとき、私は、DOMから画像を削除することができるように

は今、どのように私は、(ボタンを削除)関数を呼び出し元に値を返すことができますか?

Twitterのブートストラップモーダル:

$('.close-btn').click(function(e) { 
    e.preventDefault(); 
    $('#myModal').modal('show'); 
    //$(this).parents('li').remove(); 
}); 
+0

ポップ・アップすることによって、あなたが新しいウィンドウまたは単にモーダルダイアログを意味するのですか?私は私の答えを変えなければならないかもしれません。 – Pete

+0

私は、HTMLで作成され、javascriptの助けを借りて呼び出されるモーダルダイアログを意味します。 –

+0

Twitter Bootstrap Modalをご覧ください。私の質問に言及しました。 –

答えて

1

これは、これを書いて正しい方法であれば、私はわからないが、それは私の仕事:

 $('.close-btn').click(function(e) { 
      e.preventDefault(); 
      e.stopPropagation() 
      $('#myModal').modal('show'); 
      var elm = $(this).parents('li'); 
      $('.confirm-delete').click(function(e) { 
       e.preventDefault(); 
       $(elm).remove(); 
       $('#myModal').modal('hide') 
      }) 
     }); 
0

モーダルとその中のすべての要素(フォームフィールド、ボタン、写真:http://twitter.github.com/bootstrap/javascript.html#modals


後は、私はモデルのダイアログボックスを呼び出すために使用したコードです)は既にdomの一部です。送信ボタン、クリック、または削除ボタンのイベントを処理するだけです。モーダルはすでに現在のページの一部であるため、何も渡す必要はありません。

$('.close-btn').click(function(e) { 
    e.preventDefault(); 
    $('#myModal').modal('show'); 
    //$(this).parents('li').remove(); 
}); 

$('#confirmDeleteButton').click(function() { 
    //code here to delete the associated picture 
} 
+0

おかげでPeteが、私は複数の削除ボタンと1つの確認ダイアログを持っています、どのように私は "confirmDeleteButton"をクリックしたときにクリックした削除ボタンを識別することができます。 –

+0

さまざまな方法があります。各ボタンに一意のIDを動的に割り当てることができます。 jQueryを使う 'data()'は別のオプションで、私が使うものです。私の[質問はこちら](http://stackoverflow.com/questions/10343441/attach-data-or-array-index-to-anchor-tag)を参照してください。追加の処理を行い、削除はしません。 – Pete

関連する問題