• 06-03-2018, 19:59:00
    #1
    Üyeliği durduruldu
     
    if (window.matchMedia("(min-width: 400px)").matches) {
    console.log("sa");
     
    document.getElementById("#carsil").remove();
    }
    konsol ekranında "Uncaught ReferenceError: $ is not defined" hatasını alıyorum ne yapmalıyım ?
  • 06-03-2018, 20:01:03
    #2
    jQuery kutuphanesi dahil etmeden $() şeklinde kullanamazsın kullanmamışsın da farklı yerde veriyor o hatayı
  • 06-03-2018, 20:19:28
    #3
    Üyeliği durduruldu
    WebKadir adlı üyeden alıntı: mesajı görüntüle
    jQuery kutuphanesi dahil etmeden $() şeklinde kullanamazsın kullanmamışsın da farklı yerde veriyor o hatayı
    Uyarınız için teşekkürler .JQuery ekliymiş fakat slim.min olanıymış diğerini ekledim problem düzeldi.
     
    if (window.matchMedia("(max-width: 400px)").matches) {
    console.log("sa");
     
    $( "#carsil" ).remove();
    }
    olarak kodu yeniledim. Fakat width'e oranla kapanmıyor. Ya tam kapanıyor yada hiç kapanmıyor. Width'e nasıl oranlıyabilirim 500'px'den aşşağı bir ekrandan itibaren nasıl ayarlayabilirim? teşekkürler.
  • 07-03-2018, 09:56:52
    #4
    $(function() { 
     var genislik = window.screen.width; 
     if(genislik < 500){ 
    console.log("sa");  
    $( "#carsil" ).remove();
     } 
     });




    tarayıcı penceresini elle küçülttüğündede devreye girmesini istiyorsan ekstra bu koduda eklemen gerekecek

    $( window ).resize(function() {
     var genislik = window.screen.width;
     if(genislik < 500){
    console.log("sa"); 
    $( "#carsil" ).remove();
     }
    });