2014-02-14 150 views
0

這是我以前的帖子,並感謝先生@Satpal,我終於得到了按鈕的工作。但現在我有另一個錯誤。AJAX/JQUERY顯示和隱藏按鈕

這就是我的目標將發生在我的網站: 每當我點擊某一行(「.emp_delete」).deleteBtn顯示和隱藏時單擊另一行。

搜索後不顯示按鈕。有人能幫我嗎?

$(document).ready(function(){ 

     $('#employee_list').delegate(".emp_delete", 'click', function() { 
       var ID=$(this).attr('id'); 
       $("#delete_"+ID).show(); 
     }); 

     $('#employee_list').delegate(".deleteBtn", 'click', function(){ 

      var ID=$(".emp_delete").attr('id'); 

      if (confirm("Are you sure you want to delete?")) { 
      var dataString = 'emp_id='+ID; 

      $.ajax({ 
       type: "POST", 
       url: "<?php echo site_url('c_employee/delete_employee'); ?>", 
       data: dataString, 
       cache: false, 
       success: function(html){ 
        location.reload(); 
       } 
      }); 
     } 
     else 
      return false; 

     }); 

     $("#searchText").keypress(function(){ //change to keypress 
      var search = $("#searchText").val(); 
      var dataString = 'search='+search; 


      $.ajax({ 
       url: "<?php echo site_url('c_employee/get_search'); ?>", 
       type: 'POST', 
       dataType: 'json', 
       data: dataString, 
       cache: false, 
       success: function(data){ 
         console.log(data); 
         $("#employee_list").empty(); 

         $.each(data, function(index, val) { 

          $("#employee_list").append('<tr class="emp_delete" id="'+val.emp_id+'"><td>'+val.emp_id+'</td><td>'+val.last_name+'</td><td>'+val.first_name+ 
           '</td><td>'+val.middle_in+'</td>'+ 
           '<td><input type="button" value="Resigned Employee" class="deleteBtn" id="delete_"'+val.emp_id+'"></td></tr>'); 
         }); 

        } 
       }); 

      }); 

    }); 

    $(document).mouseup(function(){ 
     $(".deleteBtn").hide(); 

    }); 
+0

是否表示按鈕在搜索結果加載時或點擊行時不顯示? –

+0

你的意思是你想在刪除一行時隱藏刪除按鈕? –

+0

你可以提供你的代碼jsfiddle –

回答

0

這是另一種使用on()的方法。

$("#employee_list").on("click", "tr.emp_delete", function(){ 
    $(".deleteBtn").hide(); 
    $(this).find(".deleteBtn").show(); 
});