我正在使用哈希导航来进行这样的扫描:
hashNavigation: {
watchState: true,
replaceState: true,
},
因此,当我单击菜单哈希链接时,我可以导航到幻灯片。
工作正常,直到将滑动器嵌套在幻灯片中。当我对父级和子级滑动器使用相同的hashNavigation设置时,只有父级链接可以正常工作。但是子链接不会激活父幻灯片,而只会激活子幻灯片。
我检查了hash-navigation.js中的代码,这是处理哈希更改的位:
onHashCange() {
const swiper = this;
const newHash = document.location.hash.replace('#', '');
const activeSlideHash =
swiper.slides.eq(swiper.activeIndex).attr('data-hash');
if (newHash !== activeSlideHash) {
const newIndex =
swiper.$wrapperEl.children(`.${swiper.params.slideClass}[data-
hash="${newHash}"]`).index();
if (typeof newIndex === 'undefined') return;
swiper.slideTo(newIndex);
} },
单击子链接时,是否可以滑动到父幻灯片?我在想可以将父哈希添加到HTML中,就像父数据哈希一样,添加到数据哈希中。但是我不知道要获取该属性值和相应的slideTo的JS是什么。任何帮助将不胜感激!谢谢!