полностью удалить конкретный DIV в мобильном режиме

это мой HTMLполностью удалить конкретный DIV в мобильном режиме

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

это мой CSS попробовать

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

если я попробовать это выше CSS затем DIV не отображается в мобильном режиме, то есть нормально, но когда я вижу в проверяющем элементе, что конкретный div доступен там, я также не хочу показывать это в элементе проверки. Я хочу удалить его полностью.

это мой Javascript попробуйте

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

if(mq.matches) { 

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

}

Приведенный выше код показывает мне ошибку, как этот

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

Что я должен делать?

источник

2017-02-08 Vishal Panara

делает это работает ?: 'если (mq.matches) {$ ('# LAN') удалить();.}' – Banzay

Можете ли вы сделать plunkr или скрипача :) –

не работает @Banzay –

-2

Если вы не можете удалить div, я предлагаю получить его родительский элемент.

источник

2017-02-08 09:51:13

Используйте следующий код.

$(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>

источник

2017-02-08 10:11:59 sachin

полностью удалить конкретный DIV в мобильном режиме

ответ

Смежные вопросы