手机网站中出现面包屑时如何缩短

当我在手机上查看我的网站时,有很多过滤器,面包屑长度变得太大了,所以我想替换掉所有在第二个最后一个li后面的li标签,也就是说除了第一个,最后一个和最后一个li以外的所有li都需要用点来替换。

有谁能帮我用jquery、javascript或css解决这个问题?

<ul class="left">
  <li class="active"><a href="#">Airways</a></li>
  <li><a href="#">Trauma</a></li>
  <li><a href="#">Medical</a></li>
  <li><a href="#">OB | Peds</a></li>
  <li><a href="#">Patient Assessment</a></li>
  <li><a href="#">Proprietary</a></li>
  <li><a href="#">Trauma</a></li>
  <li><a href="#">Medical</a></li>
  <li><a href="#">OB | Peds</a></li>
  <li><a href="#">Patient Assessment</a></li>
  <li><a href="#">Proprietary</a></li>
</ul>

这只是我在这里添加的示例代码。

解决方案:

你可以尝试用jquery这样的方法。 基本上,如果它是一个较小宽度的设备,如果它不是第一个,最后一个或第二个最后一个孩子,链接标签的文本被替换为’…’。

        <script>
        $(document).ready(function () {  

            if (window.matchMedia("(max-width: 767px)").matches) 
            { 
                // The viewport is less than 768 pixels wide 
                console.log("This is a mobile device.");                     
                $('ul.left li').each(function() {
                    $this = $(this); // cache $(this)                     
                    if (! $this.is(':first-child') && ! $this.is(':nth-last-child(2)') && ! $this.is(':last-child')    ) {
                          $this.find('a').text("..");
                    }                       
               });                  
            }     
        });
    </script>

给TA打赏
共{{data.count}}人
人已打赏
未分类

一个corda节点没有运行

2022-9-8 19:48:37

未分类

如何在python中把数据框插入到mysql表中?

2022-9-8 19:48:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索