Javascript 引导幻灯片放映不起作用

我正在尝试将引导选项卡导航设置为类似幻灯片的自动切换选项卡，并且我想在用户单击导航按钮时重置计时器，但在这里它不起作用，请帮助我解决此脚本中的问题。
我在这里尝试了

tabSlideshowSetup('#slideshowOne');
tabSlideshowSetup('#slideshowTwo');

function tabSlideshowSetup(parent) {
    var toime = 0;
    var tabs = $(parent).children('.dot-nav > li');
    var tabsPagenationDots = $(parent).children('.dot-nav > li > a');
    function imgFunc(){
      var  active = tabs.filter('.active'),
        next = active.next('li'),
        toClick = next.length ? next.find('a') : tabs.eq(0).find('a');
        toClick.trigger('click');
        clearInterval(toime);
        toime=setInterval(imgFunc, 18000);
    }
    toime=setInterval(imgFunc, 18000);
    tabsPagenationDots.click(function(){
        clearInterval(toime);
        toime=setInterval(imgFunc, 18000);
    });
}

Html代码如下：，

<div id="slideshowOne" class="row-fluid">
        <div class="tab-content row-fluid" id="testimonial-section"> 
            <div class="row-fluid tab-pane active" id="ttta">
                    <p class="testimonial-detail"><a href="https://twitter.com/anandlunia" target="_blank">Anand Lunia</a>, <small> India Quotient Founder, Angel Investor </small></p>
            </div>
            <div class="row-fluid tab-pane" id="tttb">
                    <p class="testimonial-detail"><a href="https://twitter.com/Raghu_Dixit" target="_blank">Raghu Dixit</a>, <small>Renowned Musician </small></p>
            </div>
            <div class="row-fluid tab-pane" id="tttc">
                    <p class="testimonial-detail"><a href="https://twitter.com/surekhapillai" target="_blank">Surekha Pillai</a>, <small>Communications Consultant </small></p>
            </div>
          </div>  
          <ul class="nav nav-tabs dot-nav" id="testimonial_tab">
                <li class="active"><a href="#a" data-toggle="tab"></a></li>
                <li><a href="#b" data-toggle="tab"></a></li>
                <li><a href="#c" data-toggle="tab"></a></li>
          </ul>
        </div>

<div id="slideshowTwo" class="row-fluid">
        <div class="tab-content row-fluid" id="testimonial-section"> 
            <div class="row-fluid tab-pane active" id="ttta">
                    <p class="testimonial-detail"><a href="https://twitter.com/anandlunia" target="_blank">Anand Lunia</a>, <small> India Quotient Founder, Angel Investor </small></p>
            </div>
            <div class="row-fluid tab-pane" id="tttb">
                    <p class="testimonial-detail"><a href="https://twitter.com/Raghu_Dixit" target="_blank">Raghu Dixit</a>, <small>Renowned Musician </small></p>
            </div>
            <div class="row-fluid tab-pane" id="tttc">
                    <p class="testimonial-detail"><a href="https://twitter.com/surekhapillai" target="_blank">Surekha Pillai</a>, <small>Communications Consultant </small></p>
            </div>
          </div>  
          <ul class="nav nav-tabs dot-nav" id="testimonial_tab">
                <li class="active"><a href="#a" data-toggle="tab"></a></li>
                <li><a href="#b" data-toggle="tab"></a></li>
                <li><a href="#c" data-toggle="tab"></a></li>
          </ul>
        </div>

印度商创始人、天使投资人

著名音乐家

通信顾问






印度商创始人、天使投资人

著名音乐家

通信顾问

---

只是一些提示。HTML：您过度使用了

行流体

类。这是不必要的：您误用了

children（）

函数。改为使用

find

。@Itay Hi我做了更改您所说的也不起作用请看这里@ltay Hi您所做的很好：）。我也对你的答案投了赞成票，但问题是我不能在每个选项卡中添加此[data panel]属性，因为我的网站中有15个选项卡，所以请告诉我其他一些解决方法。谢谢，@ltay你好，你真棒，非常感谢：）我也接受了你的回答。：）

tabsPagenationDots.click(function () {
        clearInterval(toime);
        toime = setInterval(imgFunc, 3000);
        tabsBox.hide();

        var index = tabsPagenationDots.index(this);

        tabsBox.eq(index).show();
    });