Javascript 链接到bxSlider幻灯片 问题:

我使用bxSlider作为主页上的主要内容。我有

bxSlider

，每张幻灯片有12个img。然后我有12块html代码用于每张幻灯片。使用jQuery，我将使用

onSlidePrev

和

onSlideNext

回调，与

bxSlider

一起更改内容。每件事都很好，但问题是当我点击幻灯片的链接时。我有一个主菜单，其中有“转到所选幻灯片”，还有“寻呼机”，当我点击这个东西时，内容不会随着回调而改变

我这样称呼bxSlider：

var slider = $('.bxslider').bxSlider({
            adaptiveHeight:false,
            infiniteLoop: false,
            onSlideNext: function ($slideElement, oldIndex, newIndex) {
                switch(newIndex){
                    case 0:
                    $(".pag2, .pag3, .pag4, .pag5, .pag6, .pag7, .pag8, .pag9, .pag10, .pag11, .pag12").hide(); 
                            $(".pag1").show();
                                break;

                                case 1:
                    $(".pag1, .pag3, .pag4, .pag5, .pag6, .pag7, .pag8, .pag9, .pag10, .pag11, .pag12").hide(); 
                                $(".pag2").show();
                                break;
                }           
            },
            onSlidePrev: function ($slideElement, oldIndex, newIndex) {
                switch(newIndex){
                    case 0:
                    $(".pag2, .pag3, .pag4, .pag5, .pag6, .pag7, .pag8, .pag9, .pag10, .pag11, .pag12").hide(); 
                            $(".pag1").show();
                                break;

                                case 1:
                    $(".pag1, .pag3, .pag4, .pag5, .pag6, .pag7, .pag8, .pag9, .pag10, .pag11, .pag12").hide(); 
                                $(".pag2").show();
                                break;
                      } 
            }
        });

HTML代码如下所示：

<section class="pag1 section-height">
    <h2 class="slideTitle">Title</h2>
    <h3 class="slideText">"Text</h3>
</section>

 <section class="pag2 section-height">
    <h2 class="slideTitle">Title</h2>
    <h3 class="slideText">"Text</h3>
</section>

标题
“文本
标题
“文本

询问：

---

我怎样才能让它工作？我需要将此幻灯片链接到另一页。

我使用以下方法解决问题：

if(window.location == 'mysite.com/#about') {
    slider.goToSlide(8); // Go to slide number 8 that is "About" slide.
}

---

所以。。。在我的pageb.html上，我有一个链接，链接是

href=“mysite.com/#about”

当页面加载bxSlider转到幻灯片8时。

您可以使用

数据

属性。 例如：

一些内容
某些内容
某些内容

jQuery

hash=window.location.hash；
if（散列）{
startAt=$（'.bxslider li[data id=“'+hash.replace（'#'，''+']]）.index（）；
}
$（'.bxslider'）.bxslider({
自适应高度：false，
无穷远：错，
startSlide:startAt？startAt:0
});

就这些

---

希望此帮助

没有代码，我们无法提供帮助。抱歉，我使用正在使用的代码编辑了ask。但是您显示的当前代码已损坏。这是复制粘贴错误吗？你说的“坏”是什么意思？我发布了我正在使用的代码的部分，这些部分是指我有问题的地方。