SORU
17 HAZİRAN 2013, PAZARTESİ


nasıl bir tablo bağlantı olarak tıklanabilir bir satır yapmak için?

bir bağlantı olarak tüm satır tıklanabilir yapmak mümkün mü? Bootstrap ve aşağıdaki çalışmıyor kullanıyorum:

<tbody>
    <a href="#">
        <tr>
            <td>Blah Blah</td>
            <td>1234567</td>
            <td>£158,000</td>
        </tr>
    </a>
</tbody>

CEVAP
17 HAZİRAN 2013, PAZARTESİ


JQuery : ^ kullandığınız anlamına gelir Bootstrap) kullanarak bunu yapmak için bir yoldur:

<tbody>
    <tr class='clickable-row' data-href='url://'>
        <td>Blah Blah</td>
        <td>1234567</td>
        <td>£158,000</td>
    </tr>
</tbody>


jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        window.document.location = $(this).data("href");
    });
});

Elbette href kullanın ya da yerini değiştirir gerek yok, ' I işleyicisi işlevi gibi sen her şeyi yapabilirsin. jQuery okuyun ve işleyicileri yazma;

ek

Bir sınıfı kullanmak yerine bir kimlik kullanarak nedeni, birden fazla satır için çözüm uygulayabilirsiniz, çünkü:

<tbody>
    <tr class='clickable-row' data-href='url://link-for-first-row/'>
        <td>Blah Blah</td>
        <td>1234567</td>
        <td>£158,000</td>
    </tr>
    <tr class='clickable-row' data-href='url://some-other-link/'>
        <td>More money</td>
        <td>1234567</td>
        <td>£800,000</td>
    </tr>
</tbody>

ve kod tabanı değiştirmez. Aynı fonksiyon iki satır dikkat çekmek istiyorum. yani hala kullanıyorsunuz:

jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        window.document.location = $(this).data("href");
    });
});

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Matus Slovak

    Matus Slovak

    5 Temmuz 2007
  • RomanAtwood

    RomanAtwood

    18 Kasım 2009
  • sinumatic

    sinumatic

    19 Aralık 2006