無法獲取JQuery-Mobile可摺疊的展開/摺疊事件來執行

我有以下演示HTML文件，我綁定使用JQuery-Mobile可摺疊的展開/摺疊事件，並且我無法獲取JavaScript事件觸發。我立足這一關在這裏的jsfiddle例如：http://jsfiddle.net/6txWy/無法獲取JQuery-Mobile可摺疊的展開/摺疊事件來執行

我覺得我只是忽視的東西簡單，但這裏是我的HTML文件：

<html> 
<head> 
    <title>References</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
    <link rel="stylesheet" href="css/main.css" /> 

    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 

    <script type="text/javascript"> 
    $('#my-collaspible').bind('expand', function() 
    { 
    alert('Expanded'); 
    }).bind('collapse', function() { 
    alert('Collapsed'); 
    }); 
    </script> 
</head> 

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

的崩潰和擴大工作，但警報從未被觸發。

謝謝！跳蚤

來源

2012-05-30 Flea

添加PageInit通話，以確保該頁面是有約束力的事件

實例之前加載：

http://jsfiddle.net/UT7kQ/

代碼：

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

來源

2012-05-30 17:14:47

感謝菲爾尋求幫助！ – Flea

太棒了！謝謝！ – falsarella

無法獲取JQuery-Mobile可摺疊的展開/摺疊事件來執行

回答

相關問題