0

画像のリストと各画像に添付されている削除ボタンがあります。

削除ボタンをクリックすると、jqueryイベントハンドラーを使用してTwitterブートストラップモーダルを使用して確認用のポップアップを開きました。

ポップアップの確認ボタンをクリックしたときに、呼び出し元の関数（削除ボタン）に値を返して、画像をdomから削除するにはどうすればよいですか？

Twitter Bootstrap Modal：http ://twitter.github.com/bootstrap/javascript.html#modals

以下は、モデルダイアログボックスを呼び出すために使用したコードです。

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

2 に答える 2

0

モーダルとその中のすべての要素（フォームフィールド、ボタン、画像）はすでに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
}
于 2012-04-28T13:21:48.307 に答える
0

これがこれを書く正しい方法であるかどうかはわかりませんが、それは私にとってはうまくいきました：

        $('.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')
            })
        });
于 2012-05-07T04:16:18.660 に答える