2016-05-19 3 views
1

У меня возникает проблема, когда я пытаюсь получить таблицу для сортировки строк, но это не сработает. Когда я пытаюсь перетащить строку таблицы, ничего не происходит. Он должен быть простым, потому что он корректно работает в jsfiddle, но не на базовой HTML-странице. Вот скрипка:jquery Сортировка не работает, но jsfiddle делает

https://jsfiddle.net/wba5yko3/

Вот код HTML-страница, где не будет работать:

<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 везде, где это возможно – Endless

+0

также переключиться на html5 DOCTYPE;) – Endless

+1

@Endless Вы должны разработать, почему. Так как вы этого не сделали, я сделаю это. Он означает, что вы должны включать внешние скрипты через https. Если ваша html-страница работает по https, но вы включаете скрипты через http, вы сталкиваетесь с угрозами безопасности. – RayfenWindspear

ответ

7

Поскольку вы выбираете элемент, прежде чем он будет готов. Скрипка запускается на window.onload.

Либо переместите сценарий в нижнюю часть страницы, чтобы он был после вашего элемента, либо завернул его в документ.

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

Это сделано. Благодаря! – Vandel212