0

固定レイアウトの Web ページがあります。これが私のHtmlです。

html

<div id="sortable" style="display: block;">   
    <fieldset style="float: left;">
         <table>
             <tbody>
                 <tr>               
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_53_4753.jpg" style="border-color:#DDDDDD;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_54_4754.png" style="border-color:White;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_55_4755.jpg" style="border-color:White;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                     <td><a href="#"><img src="Data/Images/2012_08_12_00_47_56_4756.jpg" style="border-color:White;border-width:2px;border-style:solid;width:50px;margin-left: 10px"></a></td>
                </tr>
            </tbody>
        </table>
    </fieldset>
</div>​

今私のページにjquery sortableオプションを含めたいと思います。試しましたが失敗しました。これが私が試したことです：

jQuery

$( "#sortable" ).sortable();​

http://jsfiddle.net/JXqst/9/

4

4 に答える 4

2

これがあなたがバディにしたいものです。

これを参照してください。

並べ替えているので、IDは次のようになりtdます。trsortable

于 2012-11-20T10:37:02.663 に答える
1

Sortable have som parameter you can pass.

you can do it by target the tr element

$("tr", "#sortable" ).sortable();

Or for more performance and a restriction on td element

$("tr", "#sortable" ).sortable({
    items: "td"
});​

I have update your jsfiddle http://jsfiddle.net/DoubleYo/JTmrT/

于 2012-11-20T10:59:55.533 に答える
1

このようにur jsを変更する必要があります

$( "#sortable table tr" ).sortable();​

デモ

于 2012-11-20T10:31:46.580 に答える
1

テーブルの代わりにリストを使用することもできます。次に、これを使用できます：

function setSortableDefault(list) 
{
    $(list).sortable({ opacity: 0.6, cursor: 'move', update: function() {
        var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
        $.post("sortDefault.php", order, function(theResponse){
            //$("#result").html(theResponse);
        });                                                              
    }                                 
    });
}

この関数セット リストは、並べ替え可能なリストとして定義されています。要素を移動すると、少し透明になり、順序を準備し、PHP スクリプト (ここでは sortDefault.php) を実行します。インターフェイスとデータベースの要素をソートするために使用するスクリプトの典型的な例です。

于 2012-11-20T10:50:21.723 に答える