0

削除するリストがあり、ユーザーがそれをクリックすると、「確認」ボタンと「キャンセル」ボタンのあるjquery uiダイアログが表示されます

ユーザーが [確認] をクリックすると、ajax 関数が呼び出されてポストバックされます

その後、ダイアログを閉じたいので、コマンド$(this).dialog("close"); を使用しましたが、期待どおりに機能します。

しかし、他のリストを削除すると、UI ダイアログが表示されなくなりました。

どうすればこれを解決できますか?

$("#dialog").dialog({
                modal: true,
                bgiframe: true,
                width: 300,
                height: 150,
                resizable: false,
                autoOpen: false
            });


            function submit_delete(y,z){ //kirim data lewat ajax

                $.ajax({
                    type: 'POST',
                    url: 'delete_page.php',
                    data: {fte:y,tipe:z},
                    success: function(data) {
                        if(z==1){
                            var divv= '#container_table1';
                        }  else if(z==2){
                            var divv= '#container_table2';
                        }   else if(z==3){
                            var divv= '#container_table3';
                        }   

                        $(divv).html(data);//window.setTimeout(function(){location.reload()},3000)
                         $('#dialog').dialog('close');
                    }
                })
                return true;
            }
            //end submit ajax onclick training



            $(".c_del1").click(function(){
                var cc= ($(this).next().val());
                var c=cc.split('#')
                alert(cc);
                $("#dialog").text('Do You Want to Delete '+c[1]+"?");

                var yy = $(this).prop('id');


                $("#dialog").dialog('option', 'buttons', {
                    "Confirm" : function() {

                        submit_delete(c[0],1); 

                    },
                    "Cancel" : function() {                            
                        $(this).dialog("close");
                    }
                });

                $("#dialog").dialog("open");


            });
4

3 に答える 3

0

クリックイベントの呼び出し中に使用onするlive

$(".c_del1").on('click',function(){

                --------------------


            });

また

$(".c_del1").live('click',function(){

                --------------------


            });
于 2012-05-21T07:03:43.597 に答える
0

最初の要素のみをバインドします。これを試して：

$(".c_del1").each(function(n,el){
  $(el).click //...
});
于 2012-05-21T07:07:39.803 に答える
0 
   function submit_delete(y, z) {
            $.ajax({
                url: 'delete_page.php', type: 'POST',
                data: { fte: y, tipe: z },
                success: function (data) {
                    if (z == 1) {
                        var divv = '#container_table1';
                    } else if (z == 2) {
                        var divv = '#container_table2';
                    } else if (z == 3) {
                        var divv = '#container_table3';
                    }

                    $(divv).html(data);
                    //window.setTimeout(function(){location.reload()},3000);
                    $('.DeleteDialog').dialog("close");
                }
            });
        };

        //function Deletemessage(id, obj) { };
        //Or
        function Deletemessage(obj) {
            var c = ($.trim($(obj).next().val())).split('#');

            $('<div class="DeleteDialog"></div>').appendTo('body')
                    .html('<div><h6>Do You Want to Delete ' + c[1] + '?</h6></div>')
                    .dialog({
                        modal: true, title: 'Delete message', zIndex: 10000, autoOpen: true,
                        width: 'auto', modal: true, resizable: false,
                        buttons: {
                            Ok: function () {
                                //$(obj).removeAttr('onclick');

                                submit_delete(c[0], 1);

                                //$(this).dialog("close");
                            },
                            Cancel: function () {
                                $(this).dialog("close");
                            }
                        },
                        close: function (event, ui) {
                            $(this).remove();
                        }
                    });
        };


        <!--<input type="button" value="Delete" onclick="Deletemessage(1,this);" />-->  
       //Or
        <input type="button" value="Delete" class="c_del1" onclick="Deletemessage(this);" />
于 2012-05-21T07:23:00.507 に答える