光滑滑块 - 根据URL更新当前幻灯片

时间:2018-02-02 11:16:04

标签: jquery html href slick-slider

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

我有一个视觉导航,并希望始终将当前幻灯片作为第一张幻灯片。它应该根据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 个答案:

答案 0 :(得分:0)

尝试下面给出的代码:

            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');
                }
            });