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ÅŸ:
AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR
YORUMLAR
SPONSOR VÄ°DEO
Rastgele Yazarlar
-
★ByScrapiâ
27 AÄžUSTOS 2013 -
Felice Musiq
22 NÄ°SAN 2014 -
Within Tempt
18 EYLÃœL 2006
Nasıl varsayılan olarak phpstorm ekran...
Hükümdar her zaman Yüce metin olarak g...
Nasıl & a adlı bağlantı oluşturmak içi...
Nasıl bir eylem bağlantı olarak alan a...
Nasıl saklı satır içeren varolan bir S...