Question

我有以下内容：

$(function(){
      // initialize dialogs for every row

$( ".new_dag").each(function(index){
    var this_id = index+1;
    $(this).attr("id", 'add_table_'+this_id);           
    $(this).dialog({
        autoOpen: false,
            height: 200,
            width: 260,
            resizable: true,
            draggable: true,
            modal: false,
            show: "blind",
            hide: "puff",
            title: "Additional Information on line "+this_id
    }); 
});


$('a#open_add').on('click', function(){
    var id = $(this).parents('tr').attr('id');
    $("div#add_table_"+id).dialog("open");
});

});


<form id="new" method="POST">
   <div class="new_dag" id="add_table_<?php echo $g; ?>">
      <table width="100%" border="1"  >
        <tr>
          <td height="22" colspan="2" align="center"><strong>Additional Information</strong></td>
          </tr>
        <tr>
          <td>E.D.L:</td>
          <td><input name="edl[]" size="15"  type="text"  /></td>
        </tr>
        <tr>
          <td>E.O:</td>
          <td><input name="eo[]" size="15" type="text"  /></td>
        </tr>
        <tr>
          <td>R.F.C:</td>
          <td><input name="rfc[]" size="15" type="text"  /></td>
        </tr>
      </table>
   </div> 
</form>

这里发生的事情是，当点击链接时，会出现一个对话框，其中包含div中包含“new_dag”类的信息。但是，一旦出现该对话框并填写输入中包含的信息，它们就永远不会POST。就好像那些输入以某种方式从表单中删除......如果可能的话......

我该如何避免这种情况？

Answer 1

创建对话框时，它会自动附加到body的末尾。您可以使用appendTo参数指定放置位置。

Jquery对话与消失的输入

1 个答案: