Question

我的Jquery对话框有问题，

我使用一个函数为不同的日子创建相同的对话框，我通过点击每天的按钮来调用该函数。此按钮位于表格中。

单击按钮后，表单即被提交。页面再次加载。这是代码：

function on_create_form_clicked(tag){    
    var i=1;

    var html =
        "<div id=divparent"+i+">" +
        "PauseVon:" + "<br>"+"PauseBis:" +
        "<p>"+"<input type='text' readonly='readonly' class='MoP1A'/>"+"&nbsp;"+"<input type='text' readonly='readonly' class='MoP1E'/>"+"</p>" +
        "<button class='ok'>ok</button>" +
        "<button class='add'>add</button>" + 
        "<button class='remove'>remove</button><br>" + 
        "</div>";

    var div = $(html);

    var default_MoP1A = $('#'+tag+'P1A').val();
    div.find('.'+tag+'P1A').val(default_MoP1A);        

    var default_MoP1E = $('#'+tag+'P1E').val();
    div.find('.'+tag+'P1E').val(default_MoP1E);

    div.find(".add").click(function() {
        i++;

        var id1=tag+'P'+i+'A';
        var id2=tag+'P'+i+'E';
        var id3=tag+'PVon'+i;
        var id4=tag+'PBis'+i;

        $("<label for="+id1+" id="+id3+">PauseVon"+i+"</label>"+"&nbsp;"+"<input type='text' id="+id1+"/><br>"+"&nbsp;"+"<label for="+id2+" id="+id4+">PauseBis"+i+"</label>"+"&nbsp;"+"<input type='text' id="+id2+"/><br>").appendTo("#divparent");

        $("#"+tag+'P'+i+'A').timeEntry();
        $("#"+tag+'P'+i+'E').timeEntry();
    });

    div.find(".remove").click(function() {
        $("#"+tag+'P'+i+'E').remove();
        $("#"+tag+'PBis'+i).remove();
        $("#"+tag+"PVon"+i).remove();
        $("#"+tag+'P'+i+'A').remove();

        i=i-1;
    });

    div.find('.ok').click(function()
                          {

                              div.dialog('close');
                              $("#'divparent'"+i+"").remove();

                              window[tag+'P'+i+'A']= div.find('.'+tag+'P1A').val();
                              window[tag+'P'+i+'E'] = div.find('.'+tag+'P1E').val();

                          });

    $('form#form').submit(function(e){
        e.preventDefault();

        // $("form#form).html($("input#PauseVon2").val());
        //$('#divparent').dialog('open');
    });

    div.dialog(
        {
            title:"Enter PauseVon and PauseBis",
            close: destroy_this_dialog
        });}

有什么想法吗？谢谢advange

表单中的jquery多个对话框

0 个答案: