离子滑动盒不工作

Question

我在我的离子项目中使用它

  

https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox

我有以下几页

            <tab-slide-box class="tabbed-slidebox">

        <div class="tsb-icons" >
            <div class="tsb-ic-wrp" >
                <ion-scroll direction="x" class="tsb-hscroll">
                    <a href="javascript:;">NEW (1) </a>
                    <a href="javascript:;">MATCHED (2)</a>
                    <a href="javascript:;" >SHORTLISTED (3)</a>
                    <a href="javascript:;">KIV (4)</a>
                    <a href="javascript:;">REJECTED (5) </a>
                    <a href="javascript:;">FOREIGNER (6)</a>
                    <a href="javascript:;">UNQUALIFIED (7)</a>
                    <a href="javascript:;">TOTAL (8)</a>
                </ion-scroll>
            </div>
        </div>


        <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)" >

            <ion-slide>

            new content
            </ion-slide>


                <ion-slide>
                    <h1>Matched content</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Shortlisted content</h1>
                </ion-slide>
                <ion-slide>
                    <h1>KIV content</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Rejected content</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Foreigner content</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Unqualified content</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Total content</h1>
                </ion-slide>

        </ion-slide-box>
    </tab-slide-box>

但它总是落在第四个标签上。如何将其设置为在第一个选项卡上着陆（新）

Answer 1

修改

在您使用的幻灯片标签中，有一个文件Things.objects.get_or_create(box=your_box, name=thing_name, default={'thing_number':0}) Things.objects.filter(box=your_box, name=thing_name).update(thing_number=F('thing_number') + 1) ，它有此代码

tabSlideBox.js

将其更改为

var initialIndex = attrs.tab;
//Initializing the middle tab
if(typeof attrs.tab === 'undefined' || (totalTabs <= initialIndex) || initialIndex < 0){
initialIndex = Math.floor(icons.length/2);
}

正常离子标签

使用此

var initialIndex = 0

检查此example