2015-04-15 33 views
0

我有以下小提琴如何動態觸發可摺疊事件中的所有數據角色=「可摺疊」目前

http://jsfiddle.net/jWaEv/95/

我怎樣才能觸發點擊事件上述所有類我,collaspible

<div data-role="content" class="data"> 
    <div class="my-collaspible" data-inset="false" data-role="collapsible"> 
     <h3>Top Stories</h3> 

     <p>4 Britons Who Sought to Get to Syria Arrested on Return to UK</p> 
     <p>SpaceX Rocket Blasts Off, Then Lands Too Hard on Ocean Barge</p> 
     <p>CCTVs in Buses in Kolkata to Make Journey Safer</p> 
     <p>Report Fire, Accidents in Goa Via App</p> 
    </div> 
    <div class="my-collaspible" data-inset="false" data-role="collapsible"> 
     <h3>Sports Headlines</h3> 

     <p>West Indies hold firm after early England wickets</p> 
     <p>Rajasthan Royals face Mumbai Indians</p> 
     <p>One week to go, no IPL chairman as yet</p> 
    </div> 
    <div class="my-collaspible" data-inset="false" data-role="collapsible"> 
     <h3>Movies</h3> 

     <p>MOVIE 1----------</p> 
     <p>MOVIE 2----------</p> 
     <p>MOVIE 3----------</p> 
    </div> 
</div> 

的JavaScript

$(document).ready(function() { 
    $('.my-collaspible').on('collapsibleexpand', function() { 
     alert('ssss'); 
    }); 
}); 
+0

你能澄清你到底想要發生什麼嗎? – smerny

+0

什麼時候應該觸發?打開所有打開的文件時是否要打開所有文件,或者是否有單獨的按鈕打開所有文件?你需要提供更多細節。 – Dhunt

回答

0

只是特里格呃在h3點擊:

$('.my-collaspible h3').click(); 

demo

如果你的意思是 「以前.my-collaspible」 由 「上面的類我-collaspible」,那麼這可能是你想要什麼:

$(this).prev('.my-collaspible').each(function(){ 
    $(this).children('h3').click() 
}); 

demo

+0

非常感謝。 – Pawan

+0

@PreethiJain Woops編輯了我的答案。使用'prev'而不是'prevAll'來防止在同一個元素上多次點擊 – Brewal

0

如何觸發可摺疊事件動畫凱莉的所有數據角色=「可摺疊」目前

$("[data-role='collapsible']").collapsible("collapse"); 

我怎樣才能觸發點擊事件上述所有類我-collaspible

爲什麼要假一個click事件?