Question

这是我的HTML

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

这是我的css尝试

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

如果我尝试上面的css然后div在移动视图中不可见，那没关系，但是当我在inspect元素中看到特定的div在那里可用时，我也不想在inspect元素中显示它。我想完全删除它。

这是我的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

我该怎么办？

Answer 1

使用以下代码。

＆＃13;

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

＆＃13;

add_filter('rewrite_rules_array', function( $rules )
{
    $new_rules = array(
        'products/([^/]*?)/page/([0-9]{1,})/?$' => 'index.php?product_cat=$matches[1]&paged=$matches[2]',
        'products/([^/]*?)/?$' => 'index.php?product_cat=$matches[1]',
    );
    return $new_rules + $rules;
});

＆＃13;

Answer 2

如果您无法删除div，我建议您删除其父元素。

完全删除移动视图中的特定div

2 个答案: