JQuery更新頁面內容，同時多個用戶同時查看

Question

我想更新頁面中所有用戶的內容更改。

我有這樣的jQuery代碼

當用戶點擊「分配按鈕」它使表TR淡出！

$('#check').find('input:checkbox:checked').closest('tr').fadeOut(1000); 

所有我想要的是讓它淡出爲所有用戶在同一時間

在其他的話，我想運行的所有用戶

我如何能做到上面的代碼？

$(document).on('click','#assign',function(e){ 
     e.preventDefault(); 

     var dataString = $('#employee_form').serialize(); 

     $.ajax({ 
      url: '../inc/ajax/ajax_process/supervisor_unassgined_process.php', 
      type: 'POST', 
      data:  dataString , 
      beforeSend: function() { 
       $('#check').find('input:checkbox:checked').closest('tr').css({'backgroundColor':'#fb6c6c'}); 
      }, 
      success: function (data1) { 


       $().toastmessage('showToast', { 
        text  : data1, 
        stayTime:   2000, 
        sticky : false, 
        position : 'top-center', 
        type  : 'success', 
        closeText:   '', 
        close:   null 
       }); 

       if(data1 == 'data has been Assigned'){ 


        $('#check').find('input:checkbox:checked').closest('tr').fadeOut(1000); 


       } else { 
        parent.css({'backgroundColor':'#ffcc00'}); 
       } 

      } 
     }); 
    }); 

Answer 1

想想這樣說：因爲jQuery是隻在客戶端上發生的事情，你的函數只被運行誰點擊「指定」按鈕的人。您需要在該函數之外設置某種偵聽器來偵聽數據庫中的特定更改，然後讓每個客戶端根據該更改進行操作。看到這樣的事情：JS/PHP 'listener' to trigger an event