沒有發射

Question

我想做某事相似喜歡這裏jQuery Mobile的可摺疊的事件：JQuery-Mobile collapsible expand/collapse event

我無法得到它的工作！即使我複製代碼並將其放入我的網站中，也不會發生任何事情，只需點擊可摺疊的代碼即可。

<div data-role="page" id="test"> 
    <div data-role="collapsible" id="my-collaspible"> 
     <h3>My Title</h3> 
     <p>My Body</p> 
    </div> 
</div> 

這裏是js代碼：

$('#my-collaspible').bind('expand', function() { 
    alert('Expanded'); 
}).bind('collapse', function() { 
    alert('Collapsed'); 
}); 

有什麼建議？我不知道問題出在哪裏！

Answer 1

這是恩：HTTP：// jsfiddle.net/quangtuyn/s4k7d/

您可以檢查agian

希望它對你有用

Answer 2

這是一個錯字嗎？ 「my-collaspible」？ 嘗試改變的標記和jQuery選擇的ID爲正確的拼寫

Answer 3

也許你需要使用坍塌事件

$("#my-collaspible").trigger("collapse"); 

，擴大事件

$("#my-collaspible").trigger("expand"); 

Answer 4

你需要找到Jquery UI綁定到的元素。

$("[data-role*='collapsible-set']").bind('expand', FixJQueryMobileUIFails) 

function FixJQueryMobileUIFails(element) { 
    StraightenColumnsforQueryUIHeaders(element); 
    StraightenCornerNextToHeaderInLastTreeElement(element); 
    RoundBottomCornerInLastTreeElement(element); 
}