代码之家 › 专栏 › 技术社区 › Helge Wadewitz

Slick slider-基于URL更新当前幻灯片

slick.js href html jquery

Helge Wadewitz · 技术社区 · 7 年前

我正面临一个我想解决的问题。

我有一个视觉导航,希望始终将当前幻灯片作为第一张幻灯片。它应该根据URL动态更新。

   var current = window.location.href;
   $('.slider a').each(function(){
      var link = '/' + $(this).attr('href');
      if (current == link){
        $(this).parent().addClass('slick-current slick-active');
      }
   });

我创建了一个 JSfiddle

但它不起作用-也许你们中的一些人有更好的方法来解决这个问题?

1 回复 | 直到 7 年前

Upendra Joshi 7 年前

请尝试以下代码:

            var pageName = (function() {
                var current = window.location.href,
                    b = .lastIndexOf("/");
                return current.substr(b + 1);
            }());

             $('.slider current').each(function(){
                if ($(this).attr('href') == pageName) {
                    $(this).parents().addClass('slick-current slick-active');
                }
            });

推荐文章

Kieran Rigby · 平滑滑块正则表达式过滤

7 年前

abbas_arezoo · 在模式叠加中同时播放多个圆滑的旋转木马

7 年前

jsPlayer · 滑动箭头看不清楚

7 年前

Gabriel Souza · 光滑滑块空白空间,带有流体背景图像

7 年前

Lavanya Akilan · 未定义Ionic2 Jquery

7 年前

Reece · 将图像居中于光滑滑块内

7 年前

Ihor Tkachuk · 滑动滑块的自定义下一步按钮

8 年前

Aravin · 更改splich.js中的点大小

9 年前

toy · 如何使用srcset加载图像?

9 年前

Waleed Asender · 当jQuery slideUp显示时,滑动转盘未启动

10 年前