javascript - 调用ajax后如何使按钮工作

Question

在我的项目中，我使用seaStBt 按钮 打开搜索对话框。

在确认包含搜索条件的搜索对话框后，我使用 AJAX 从数据库中获取数据，并且此数据成功更新了 idcCstmRId div。

这是js代码:

<script>
$(document).ready(function()
 { 
  $('#idcCstmRId').on("dblclick","#bbs td",function(){......});


  $('#seaStBt').click(function(){
    $('#dlgSea').dialog("open");
  });


  $('#seaBt').click(function(){
    var seaSlt1 = $('#seaSlt1').val();
    $.ajax({
        dataType:'html',
        type:"POST",
        url:"get_ajax_csc.php",
        data: {seaSlt1:seaSlt1},
        success:function(data)
        {
            $('#idcCstmRId').html(data);
            $('#dlgSea').dialog("destroy").remove();
        }
    });     
  });
  ......
  }
 </script>

这是html代码:

 <div id="firDiv">  
 <?php
   echo '<table border=1px style="width:100%" id="bbs">';
  .......
 ?>
<div class="main_title" id="mnTlt">
<input type="button" id="seaStBt" value="search">
</div>
<div id="dlgSea" >
        <input type="submit" value="confirm" id="seaBt" />
</div>    
<div  class="idcCstmRqst" id="idcCstmRId"></div>

这里是 get_ajax_csc.php 代码:

 if(isset($_POST['seaSlt1']))
{
    include("DB.php");
    $seaOne=$_POST['seaSlt1'];

    echo '<table border=1px style="width:100%" id="bbs">';
    ......
}

问题是在从数据库获取数据之前，seaStBt 按钮 显示搜索对话框。但是在获取数据并且 idcCstmRId div 更新成功后，seaStBt 按钮 不再起作用。单击 seaStBt 按钮 后不显示搜索对话框。

也许 AJAX 改变了 DOM，但是 seaStBt button 看不到这些变化？

我不知道，谁能帮帮我？

Answer 1

问题可能出在 .remove() 方法上。
jQuery 文档说 .remove() 从 DOM 中取出元素，所以你要删除 #dlgSea...