javascript - 如何在关闭jquery ui对话框后删除内容

Question

在我的项目中，我使用 jquery ui 对话框。

在transmit_div关闭之前，staff_div有John-Stack，sltStfId有Robert-Sansa。在transmit_div关闭后，我想删除的内容 “约翰·斯塔克”和“罗伯特·珊莎”。所以我在初始化transmit_div对话框时选择beforeclose参数。

这是js代码:

<script>
$(document).ready(function()
{ 
 $('#transmit_app').click(function(){
    $('#transmit_div').dialog("open");
    $('#transmit_div').dialog("option","title");
   });
});
$('#transmit_div').dialog({
  autoOpen:false,
  title:"selectUser",
  modal:true,
  height:500,
  width:600,
  show:{effect:"blind",duration: 1000},
  hide:{effect:"explode",duration: 1000},
  beforeclose: function() {
   staff_div.innerHTML="<input type='button' id='selAllButton'  value='selectAll'><br />";
   sltStfId.innerHTML=""; 
   }
  });
  </script>

这是html代码:

<input type="button" id="transmit_app" value="trsmit" />
<div id="transmit_div" >
<div id="staff_div" class="staff" >
 <input type="button" id="selAllButton"  value="selectAll"><br />
 John-Stack
</div>
 <div class="selected_staff" >
 <input type="button" onclick="delete_allStaff()" value="deleteAll">
 <div id="sltStfId">
   Robert-Sansa
 </div>
</div>
</div>

但不幸的是，它工作失败。我关闭了transmit_div对话框，然后再次打开它。 “John-Stack”和“Robert-Sansa”仍然存在。

谁能帮助我？

Answer 1

您可能想要这个代码。希望对您有帮助。

    <script>
    $(document).ready(function(){ 
        $('#transmit_app').click(function(){
            $('#transmit_div').dialog("open");
            $('#transmit_div').dialog("option","title");
        });

        $('#transmit_div').dialog({
            autoOpen:false,
            title:"selectUser",
            modal:true,
            height:500,
            width:600,
            show:{effect:"blind",duration: 1000},
            hide:{effect:"explode",duration: 1000},
            beforeClose: function myCloseDialog() {
                $('#staff_div').html("<input type='button' id='selAllButton'  value='selectAll'><br />");
                $('#sltStfId').html("");
            }
        });
    });
</script>