0

jQuery UI のソート可能なオプションは認識していますが、探しているのはドラッグ アンド ドロップではありません。

アコーディオンがどのように配置されているかにより、それらを並べ替えるには、id を変更するのが最善の方法だと思いますが、安全ではないように思えます。

これは、私のアコーディオンの 1 つがどのように見えるかです。

コードをコピー

<table style="background: none repeat scroll 0% 0% rgb(186, 218, 85); display: none;" tabindex="-1" aria-selected="false" aria-controls="ui-accordion-accordion1-panel-2" id="ui-accordion-accordion1-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
    <tbody>
        <tr>
            <td>... Yadayada, content. End table tags.

これは私が使用するコードです。

function pagination() {
    for (var i = 0; i < 10 ; ++i) {
        var k = i * 1000;
        var j = i * 100;
        var index;
        console.log("aftervar " + i);
        if ($("#ui-accordion-accordion1-header-" + i).css("display") == "none") {
            $("#ui-accordion-accordion1-header-" + i).attr("id", "ui-accordion-accordion1-header-" + j);
            $("#ui-accordion-accordion1-panel-" + i).attr("id", "ui-accordion-accordion1-panel-" + j);
            index = $("#ui-accordion-accordion1-header-" + j);
            $("#accordion1").append($("#ui-accordion-accordion1-header-" + j));
            console.log("if " + i);
        } else {/*
            k += 1;
            $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + k);
            $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + k);*/
        }
    }
    $("#tabs-1 table:nth-of-type(odd)").css("background", "#BADA55");
    $("#tabs-1 table:nth-of-type(even)").css("background", "#FFFFFF");
    $("#table-headings").css("background", "#FFFFFF");
}

私はそれを整理するためにIDを使用しています。もう 1 つの問題は、追加が正常に機能していないことです (実際、console.log をそこに置いたところ、if ステートメントが時々実行されないようです)。要素は元の場所に留まり、追加されるのは通常、id のテキストであるか、まったくありません。

http://jsfiddle.net/Cb3U2/5/

4

1 に答える 1