ganz besondere div in der mobilen Ansicht entfernen

das ist mein htmlganz besondere div in der mobilen Ansicht entfernen

<div id="lan"> 
<a href="#">Nl</a><a href="#">En</a> 
</div>

dies ist mein css

@media all and (max-width: 980px) { 
    #lan{ 
     display:none; 
    } 
}

versuchen, wenn ich versuche, diese über CSS dann div ist in der mobilen Ansicht nicht sichtbar, dh ok, aber wenn ich im inspect-Element sehe, dass bestimmte div dort verfügbar ist, möchte ich dies nicht auch in inspect-Element zeigen. Ich möchte es vollständig löschen.

dies mein Javascript ist

versuchen

var mq = window.matchMedia('all and (max-width: 700px)'); 

if(mq.matches) { 

    $(function(){ 
     $('#lan').remove(); 
    }); 

}

Der obige Code zeigt mir einen Fehler wie dieser

JQMIGRATE: Migrate is installed, version 1.4.1 
    (index):420Uncaught TypeError: $ is not a function 
     at (index):420 
    (anonymous) @ (index):420

Was soll ich tun?

Quelle

2017-02-08 Vishal Panara

funktioniert es ?: 'if (mq.matches) {$ ('# lan') entfernen();.}' – Banzay

Können Sie eine plunkr oder Fiedler machen :) –

funktioniert nicht @Banzay –

-2

Wenn Sie die div nicht entfernen können, empfehle ich, das übergeordnete Element zu erhalten.

Quelle

2017-02-08 09:51:13

Verwenden Sie den folgenden Code.

$(document).ready(function(){ 
 
     var width = screen.width, 
 
     height = screen.height; 
 
    
 
     if (screen.width <= 320 || screen.height <= 176) { 
 
\t \t 
 
\t \t $('#lan').remove(); 
 
     } 
 
});

<html> 
 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    
 
</head> 
 

 
<body> 
 
<div id="lan"> 
 
<a href="#">Nl</a><a href="#">En</a> 
 
</div> 
 

 
    </body> 
 
    </html>

Quelle

2017-02-08 10:11:59 sachin

ganz besondere div in der mobilen Ansicht entfernen

Antwort

Verwandte Themen