PhoneGap中文网

标题: ion-slide-box嵌套使用的问题，求老师 [打印本页]

---

作者: nnntxxx    时间: 2016-11-27 21:31
标题: ion-slide-box嵌套使用的问题，求老师

1. <ion-slide-box show-pager="false" on-slide-changed="slideChanged($index)" delegate-handle="firstslide">
   
2.     <ion-slide>
   
3.       <ion-content>
   
4. 
   
5.         <!--轮播图开始-->
   
6.         <div class="pic-show">
   
7.           <ion-slide-box does-continue="true" delegate-handle="secondslide" >
   
8.             <ion-slide>
   
9.               <img src="http://sc.jb51.net/uploads/allimg/150708/14-150FQ0354S20.jpg" width="100%">
   
10.             </ion-slide>
    
11.             <ion-slide>
    
12.               <img src="http://pic.58pic.com/58pic/11/25/25/46j58PICKMh.jpg"  width="100%">
    
13.             </ion-slide>
    
14.             <ion-slide>
    
15.               <img src="http://pic.58pic.com/58pic/11/25/25/46j58PICKMh.jpg"  width="100%">
    
16.             </ion-slide>
    
17.           </ion-slide-box>
    
18.         </div>
    
19.          <!--轮播图结束-->
    
20. 
    
21.       </ion-content>
    
22.     </ion-slide>
    
23. 
    
24.     <ion-slide>
    
25.       <div class="box yellow"><h1>YELLOW</h1></div>
    
26.     </ion-slide>
    
27.    
    
28.   </ion-slide-box>

复制代码

问题是这样：用ion-slide-box做了滑动切换的选项卡，在每个ion-slide里面又有轮播图，嵌套使用后会同时滑动，求高手老师指点，看前面帖子回答的用$ionicSlideBoxDelegate.$getByHandle('my-handle').stop(); 但是用了stop（）并没有起作用，新手求高手帮帮忙

---

作者: bingcool    时间: 2016-11-28 17:49
你上面两个delegate-handle="secondslide"都设置一样，肯定是不行啦，每个slibox设置唯一句柄代表唯一slibox

---

作者: nnntxxx    时间: 2016-11-28 21:09

bingcool 发表于 2016-11-28 17:49
你上面两个delegate-handle="secondslide"都设置一样，肯定是不行啦，每个slibox设置唯一句柄代表唯一slibo ...

那个是发帖的时候加的忘改了，实际中是不同名的，

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2