5.00 / 1 oy

Jquery ile attr değerinin uzunluğunu görmek

Hikaye aslında şu oldu, slick ile bir slideshow kullanırken data-href özelliğine slide'a tıklandığında gideceği linkleri veritabanından ilişkilendirdim ama bazı linklere tıklandığında gidecekleri bir sayfa varken bazı saytlarda ise hiçbir link olmaması gerekiyor. Dolayısıtyla jquery ile sayfa ilk kez yüklendiğinde slick altındaki tüm li elemanlarının incelenmesi ve eğer data-href özelliklerinin uzunluğu sıfırdan büyükse bu slaytlara tıklandığında o linklere jquery ile yönlendirme yapması gerekiyor. Sorumun çözümü de şu şekilde:

HTML

<li data-href="">slide</li>
<li data-href="https://google.com">slide</li>
<li data-href="">slide</li>
<li data-href="">slide</li>
<li data-href="https://bing.com">slide</li>

JS:

jQuery(document).ready(function () {
    jQuery('.anasayfaslider li').click(function () {
        var url = jQuery(this).attr('data-href');
        if (url.length > 0) {
            location.href = jQuery(this).attr('data-href');
        }
        return false;
    });
});

 

RainingCodes

19.01.2020 17:33

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Jquery ile attr değerinin uzunluğunu görmek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.