monaca上でonsen-uiを使ってcarouselを作りました。
lang
1 <ons-carousel initial-index="2" swipeable overscrollable auto-scroll fullscreen var="carousel"> 2 <ons-carousel-item id="a1" style="background-color: white;" > 3 <div class="item-label"><span onclick="navi.pushPage('a1.html')">a1</span></div> 4 </ons-carousel-item> 5 <ons-carousel-item var="b2" style="background-color: black;"> 6 <div class="item-label"><span onclick="navi.pushPage('b2.html')">b2</span></div> 7 </ons-button> 8 </ons-carousel-item> 9 <ons-carousel-item var="c3" style="background-color: blue;"> 10 <div class="item-label"><span onclick="navi.pushPage('c3.html')">c3</span></div> 11 </ons-button> 12 </ons-carousel-item> 13 <ons-carousel-item var="d4" style="background-color: brown;"> 14 <div class="item-label"><span onclick="navi.pushPage('d4.html')">d4</span></div> 15 </ons-carousel-item> 16 <ons-carousel-item var="e5" style="background-color: red;"> 17 <div class="item-label"><span onclick="navi.pushPage('e5.html')">e5</span></div> 18 </ons-carousel-item> 19 </ons-carousel>
このcarousel上に以下のようにボタンを作りました。
lang
1 <div class="button-bar" style="width:100%; bottom:10px; position:absolute;"> 2 <div class="button-bar__item"> 3 <input type="radio" name="segment-a"> 4 <button class="button-bar__button">a1</button> 5 </div> 6 <div class="button-bar__item"> 7 <input type="radio" name="segment-a"> 8 <button class="button-bar__button">b2</button> 9 </div> 10 <div class="button-bar__item"> 11 <input type="radio" name="segment-a" checked> 12 <button class="button-bar__button">c3</button> 13 </div> 14 <div class="button-bar__item"> 15 <input type="radio" name="segment-a"> 16 <button class="button-bar__button">d4</button> 17 </div> 18 <div class="button-bar__item"> 19 <input type="radio" name="segment-a"> 20 <button class="button-bar__button">e5</button> 21 </div> 22 </div>
このボタンを押すと、任意のcarouselを呼び出すことが出来るsetActiveCarouselItemIndexを使って動かしたいのですが、いまいちどう書いてよいかわかりません。
a1のボタンを押すと、a1のcarouselが表示されるようにしたいのです。
http://ja.onsen.io/guide/overview.html#UsingCarousel
setActiveCarouselItemIndex(index, options)
indexで指定したアイテムを表示します。
lang
1$(function( 2 $(#a1).setActiveCarouselItemIndex(0) 3});
なんて書いてみましたが、carouselが真っ白になるだけでした。ボタンは表示されています。
正しくはどのように書けばよかったのでしょうか?
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/04/29 09:38
2015/04/29 10:05