Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在嵌套的滑动窗口中为父幻灯片和子幻灯片制作哈希导航幻灯片?_Javascript_Swiper - Fatal编程技术网

Javascript 如何在嵌套的滑动窗口中为父幻灯片和子幻灯片制作哈希导航幻灯片?

Javascript 如何在嵌套的滑动窗口中为父幻灯片和子幻灯片制作哈希导航幻灯片?,javascript,swiper,Javascript,Swiper,我对swiper使用哈希导航,如下所示: hashNavigation: { watchState: true, replaceState: true, }, 因此,我可以在单击菜单哈希链接时导航到幻灯片 在我把刷子放进滑梯里之前,一切正常。当我对父和子刷卡器使用相同的hashNavigation设置时,只有父链接按预期工作。但是子链接不会激活父幻灯片,只有子幻灯片 我检查了hash-navigation.js中的代码,这是处理哈希更改的位: onHashCange() { const swi

我对swiper使用哈希导航,如下所示:

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中,就像父数据散列一样。但是我不知道什么是JS来获得这个属性值和相应的slideTo。任何帮助都将不胜感激!谢谢大家!

我猜这可能不是为了解释嵌套滑块而实现的。(可能是故意的,为了不鼓励用户体验灾难的使用?哈哈。)我怀疑它可能会像预期的那样将子滑块滑动到正确的滑块上——你只是看不到它的效果,因为父滑块没有相应地滑动到包含子滑块的正确滑块上。如果是这种情况,那么它可能会被添加,[…][…]如果您订阅了一个事件,例如
slideChange
——然后您从当前幻灯片向上遍历DOM,以查看整个内容是否嵌套在另一个滑块中。如果是这种情况,则通过代码触发父级滑动到正确的幻灯片。(但是,不知道这与watchState/通过浏览器历史导航一起工作得有多好。)你是对的,它正在工作,但我不认为它是因为父对象本身不滑动。