功能，從表中刪除一行加入jQuery UI的

<HTML> 
    <HEAD> 
     <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
     <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('#delrow').click(function(){ 
        alert(':)'); 
        $(this).closest('tr').animate({'backgroundColor':'#EF3E23','color':'#fff'},300,function(){ 
         $(this).remove(); 
        }); 
        return false; 
       }); 
      }); 
     </script> 
    </HEAD> 
    <BODY> 
    Hello 
     <table> 
      <tr> 
      <td>abc</td> 
      <td><a id="delrow" title="Click to remove" href="#">Delete</a></td> 
      </tr> 
     </table> 
    </BODY> 
</HTML>

在這裏，您可以測試我的代碼後不工作：http://goo.gl/XNQb5j 功能，從表中刪除一行加入jQuery UI的

「刪除」按鈕應該從表中刪除的行。它不工作，當我不包括jQuery UI（但當然，動畫不工作）。我在做什麼錯？

對不起，我的英文錯誤。

來源

2015-02-07 Defozo

動畫是關鍵。它無法正常工作，防止回調（動畫結束時）被解僱。 – Mouser 2015-02-07 16:02:39

您鏈接的jQuery UI版本與您鏈接的jQuery版本不兼容。更好地從他們網站上的jQuery示例中獲取版本號。

通知如何在版本兼容的代碼工作：

<HTML> 
 

 
<HEAD> 
 
    <script src="http://code.jquery.com/jquery-2.0.2.js"></script> 
 
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
 
    <script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     $('#delrow').click(function() { 
 
     alert(':)'); 
 
     $(this).closest('tr').animate({ 
 
      'backgroundColor': '#EF3E23', 
 
      'color': '#fff' 
 
     }, 300, function() { 
 
      $(this).remove(); 
 
     }); 
 
     return false; 
 
     }); 
 
    }); 
 
    </script> 
 
</HEAD> 
 

 
<BODY>Hello 
 
    <table> 
 
    <tr> 
 
     <td>abc</td> 
 
     <td><a id="delrow" title="Click to remove" href="#">Delete</a> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</BODY> 
 

 
</HTML>

來源

2015-02-07 16:13:16 Banana

功能，從表中刪除一行加入jQuery UI的

回答

相關問題