2016-05-19 2 views
1

私は行を並べ替えるテーブルを取得しようとしている問題に実行していますが、動作しません。テーブルの行をドラッグしようとすると、何も起こりません。 jsfiddleでは正しく動作するが、基本的なHTMLページでは動作しないので、単純でなければならない。ここではフィドルがある:jquery並べ替えができませんがjsfiddleは

<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 – Endless

+1

。あなたがしなかったので、私はします。彼はあなたがhttps経由であなたの外部のスクリプトを含める必要があることを意味します。 htmlページがhttpsを超えて実行されていても、httpでスクリプトを含めると、セキュリティリスクが発生します。感謝@RayfenWindspear – RayfenWindspear

答えて

7

を、それは準備ができている前に要素を選択しているので:

https://jsfiddle.net/wba5yko3/

ここでは動作しませんされたHTMLページのコードがあります。バイドウはwindow.onloadで動作します。

スクリプトをページの一番下に移動すると、要素の後ろにくるか、ドキュメントの準備が整うようになります。どこでも

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

これで完了しました。ありがとう! – Vandel212

関連する問題