如何在Wordpress中设置或应用特定屏幕宽度的功能?

问题描述 投票:0回答:1

我正在努力为特定的屏幕宽度应用wordpress功能。下面是给定的php函数,我希望将其应用于特定的屏幕宽度:

function add_specific_menu_atts( $atts, $item, $args ) {
    $menu_items = array(4167, 4181, 4359, 4407, 4413, 4423, 4440);
    if (in_array($item->ID, $menu_items)) {
      $atts['data-toggle'] = 'dropdown';
    }

    return $atts;
} 
add_filter( 'nav_menu_link_attributes', 'add_specific_menu_atts', 10, 3 );

我真的很感谢急需的帮助。

php wordpress
1个回答
0
投票

主要问题是php无法访问屏幕宽度。

如果我们知道您要完成的目标,这将有所帮助。

还请记住,在页面加载(或旋转设备)并且php已经完成工作之后,用户可以调整浏览器窗口的大小。因此,可能您正在寻找Javascript解决方案。这意味着,运行php函数并设置一些属性或CSS类,然后让Javascript使用这些CSS类更改内容。

我将假定您使用jQuery并具有一个菜单,在该菜单中,当屏幕宽度小于阈值时,某些元素将被隐藏,例如800px

也许这会有所帮助:

$(function() { // DOM is loaded
  function resize() {
    var bodyWidth = $('body').width();
    if (bodyWidth < 800) {
      $('.hide-on-mobile').hide();
    } else {
      $('.hide-on-mobile').show();
    }
  }
  $(window).resize(function() {
    resize();
  });
  resize(true); // initial call
});
© www.soinside.com 2019 - 2024. All rights reserved.