Merhaba,
<script>if($("body")&&window.matchMedia("(min-width: 768px)").matches){}else{$(".Test1").remove()};
</script>
Kodu ile mobil tasarımda yukarıdaki kod ile .test1 id'sini sildiriyorum, javascripten çok fazla anlamadığım için kodu tamam olarak yorumlayamıyorum ve istediğim gibi geliştiremiyorum.
Yapmak istediğim şey birden fazla id'yi mobilde görünmez yapmak, yukarıdaki koda .test2 id veya class'nıda eklemek istiyorum ama nasıl yazıcağımı bilmiyorum yardımcı olabilir misiniz?
Script ile div silme |
5 Mesajlar | 2.949 Okunma | ||
- Üyelik 18.11.2016
- Yaş/Cinsiyet 31 / E
- Meslek WebMaster
- Konum İstanbul Avrupa
- Ad Soyad E** Ö**
- Mesajlar 131
- Beğeniler 22 / 42
- Ticaret 0, (%0)
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 689
- Beğeniler 0 / 203
- Ticaret 6, (%100)
JS ile yapmanıza gerek yok. CSS ile yapabilirsiniz. Örnek bir kod;
Bu CSS kodları;
Eğer ekran genişliği 768'den düşükse id'si test1,test2,test3 olan elementleri gizler.
* İsterseniz sayfanızın en tepesinde ki HEAD tagının içine bu satırları ekleyerek çalıştırabilirsiniz.
Bu CSS kodları;
Eğer ekran genişliği 768'den düşükse id'si test1,test2,test3 olan elementleri gizler.
* İsterseniz sayfanızın en tepesinde ki HEAD tagının içine bu satırları ekleyerek çalıştırabilirsiniz.
- Üyelik 18.11.2016
- Yaş/Cinsiyet 31 / E
- Meslek WebMaster
- Konum İstanbul Avrupa
- Ad Soyad E** Ö**
- Mesajlar 131
- Beğeniler 22 / 42
- Ticaret 0, (%0)
usta çok abuk sabuk bi sistem kullanıyorum @media olayı çalışmıyor sanırım, responsive değil site, Js ile yukardaki kodla yapabilirmiyiz?
- Üyelik 23.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Denizli
- Ad Soyad K** C**
- Mesajlar 689
- Beğeniler 0 / 203
- Ticaret 6, (%100)
jQuery sayfanızda çağırılmış olarak düşünüyorum.
$(function(){
if ($(window).width() < 768){
$("#test1").remove();
$("#test2").remove();
$("#test3").remove();
}
})
- Üyelik 23.11.2015
- Yaş/Cinsiyet 30 / E
- Meslek Front-End Developer
- Konum Bursa
- Ad Soyad N** K**
- Mesajlar 311
- Beğeniler 8 / 81
- Ticaret 0, (%0)
Responsive olmasına gerek yok, CSS3'de media etiketleri her zaman çalışır. Ancak jQuery ile yukarıdaki şekilde de silebilirsiniz.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)