web-dev-qa-db-ja.com

ドラッグアンドドロップでカスタムフィールドを配置しますか？

私はホテルのテーマを作っています、そして私は私が投稿で必要とするであろう様々なカスタムフィールドのリストでカスタムメタボックスを作りました。

私がやったことは私が好きなフィールドのリストを作ったことです

  • 予約
  • 賢い
  • コーヒー
  • プール
  • スパ

等々...

問題は、私が自分のリスト内の場所を変更した場合、カスタムフィールドがウェブサイトフロントエンド内の場所を変更する場合にのみ、それらのカスタムフィールドをウェブサイトフロントエンドに表示できることです。

カスタムフィールドに特定の順序がある可能性はありますか？これらのフィールドを並べ替えたり、フロントエンドの表示順序を変更したりするためのある種のドラッグアンドドロップ

custom-fieldjquerymetabox
3
Aleksandar Đorđević

繰り返し可能なカスタムフィールド のこの例では、次のjQueryが必要であることがわかります。

$('#repeatable-fieldset-one tbody').sortable({
    opacity: 0.6,
    revert: true,
    cursor: 'move',
    handle: '.sort'
});

そしてそれが制御するHTMLは（単純化された）：

<table id="repeatable-fieldset-one" width="100%">
<thead>
    <tr>
        <th width="2%"></th>
        <th width="30%">Name</th>
        <th width="60%">URL</th>
        <th width="2%"></th>
    </tr>
</thead>
<tbody>
<?php
if ( $repeatable_fields ) :
    foreach ( $repeatable_fields as $field ) {
    ?>
        <tr>
            <td><a class="button remove-row" href="#">-</a></td>
            <td>NAME FIELD</td>
            <td>URL FIELD</td>
            <td><a class="sort">|||</a></td>
        </tr>
    <?php
    }
endif;
2
brasofilo