Slick 滑块 - 根据 URL 更新当前幻灯片
Slick slider - Update current slide based on URL
我遇到了一个问题,我想解决。
我有一个视觉导航,并且希望始终将当前幻灯片作为第一张幻灯片。它应该根据 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
但它不起作用 - 可能你们中的一些人有更好的方法来解决这个问题?
尝试下面给出的代码:
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');
}
});
我遇到了一个问题,我想解决。
我有一个视觉导航,并且希望始终将当前幻灯片作为第一张幻灯片。它应该根据 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
但它不起作用 - 可能你们中的一些人有更好的方法来解决这个问题?
尝试下面给出的代码:
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');
}
});