SORU
15 EKİM 2009, PERŞEMBE


jQuery: Tablo Satırı Taşımak?

Sırayla bir tablo veya satır aşağı taşımak için yukarı/aşağı okları ile bağlantıları almam gerektiğini söyledi. Satır veya bir konum (jQuery kullanarak) taşımak için en kolay yolu ne olurdu?

Bu kullanarak bir WordPress kullanmak yöntemlerini inşa yapmak için doğrudan bir yol yok, ve jQuery ile satır seçtikten sonra, o zaman devam etmek için bir yol bulamadım. Ayrıca, benim durumumda, satır sürüklenebilir bir eklenti ile daha önce yaptığım gibi () bir seçenek değildir.

CEVAP
15 EKİM 2009, PERŞEMBE


Ayrıca ayarlanabilir/şey çok basit.. aşağı yapabilirsin

link vermiş bu bağlantıları tıklatın işleyicisi Tel up down a sınıfı. Bu da bağlantıları kılavuzun her satırı içinde olduğunu varsayarak.

$(document).ready(function(){
    $(".up,.down").click(function(){
        var row = $(this).parents("tr:first");
        if ($(this).is(".up")) {
            row.insertBefore(row.prev());
        } else {
            row.insertAfter(row.next());
        }
    });
});

HTML:

<table>
    <tr>
        <td>One</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Two</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Three</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Four</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
    <tr>
        <td>Five</td>
        <td>
            <a href="#" class="up">Up</a>
            <a href="#" class="down">Down</a>
        </td>
    </tr>
</table>

Demo - JsFiddle

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Android Police

    Android Poli

    21 NİSAN 2010
  • Break

    Break

    10 Aralık 2005
  • Glove and Boots

    Glove and Bo

    1 ŞUBAT 2007