¿Organizar campos personalizados con arrastrar y soltar?

3

Estoy creando un tema para el hotel y realicé metabox personalizado con una lista de varios campos personalizados que necesitaría en las publicaciones.

Lo que hice es hacer una lista de campos como

  • reserva
  • wifienabled
  • café
  • grupo
  • spa

y así sucesivamente ...

El problema es que actualmente puedo mostrar esos campos personalizados en la interfaz del sitio web solo por orden de cómo los agregué en la matriz, si cambio de lugar en mi lista, los campos personalizados cambiarán los lugares en la interfaz del sitio web.

¿Es posible que los campos personalizados tengan un orden específico? ¿Algún tipo de arrastrar y soltar para reacomodar esos campos y cambiar el orden de visualización en la interfaz?

    
pregunta Aleksandar Đorđević 05.02.2013 - 00:21

1 respuesta

2

En este ejemplo de campos personalizados repetibles , podemos ver que se necesita la siguiente jQuery:

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

Y el HTML que controla es (simplificado):

<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;
    
respondido por el brasofilo 06.02.2013 - 19:45

Lea otras preguntas en las etiquetas