2016-05-19 24 views
1

Ich renne in ein Problem, wo ich versuche, eine Tabelle zum Sortieren der Zeilen zu bekommen, aber es wird nicht funktionieren. Wenn ich versuche, eine Tabellenzeile zu ziehen, passiert nichts. Es muss einfach sein, weil es in jsfiddle korrekt funktioniert, aber nicht auf einer einfachen HTML-Seite. Hier ist die Geige:jquery Sortierbar funktioniert nicht, aber jsfiddle tut

https://jsfiddle.net/wba5yko3/

Hier wird der Code der HTML-Seite, wo ist nicht funktionieren:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title>  
    <link href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 
    <script type="text/javascript"> 
     $("tbody").sortable(); 
    </script> 

    <style type="text/css"> 
     table { 
      border-spacing: collapse; 
      border-spacing: 0; 
     } 
     td { 
      width: 50px; 
      height: 25px; 
      border: 1px solid black; 
     } 
    </style> 

</head> 
<body> 
<table> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td>4</td> 
     </tr> 
     <tr> 
      <td>5</td> 
      <td>6</td> 
     </tr> 
     <tr> 
      <td>7</td> 
      <td>8</td> 
     </tr> 
     <tr> 
      <td>9</td> 
      <td>10</td> 
     </tr> 
    <tbody>  
</table> 
</body> 
</html> 
+1

https verwenden überall, wo es möglich – Endless

+0

wechseln auch zu html5 Doctype;) – Endless

+1

@Endless Sie, warum erarbeiten sollte. Da du es nicht getan hast, werde ich es tun. Er meint, du solltest deine externen Skripte über https einbinden. Wenn Ihre HTML-Seite über https ausgeführt wird, Sie aber die Skripts über http einfügen, treten Sicherheitsrisiken auf. – RayfenWindspear

Antwort

7

Da Sie das Element auswählen, bevor es fertig ist. Die Geige läuft auf window.onload.

Bewegen Sie das Skript entweder zum Ende der Seite, so dass es nach Ihrem Element ist, oder wickeln Sie es in Dokument bereit.

$(function() { 
    $("tbody").sortable(); 
}); 
+0

Das getan getan. Vielen Dank! – Vandel212

Verwandte Themen