jQuery Mobile可折疊的“展開”事件未在Cordova應用中觸發

Question

我有一個使用jQuery Mobile 1.4.5版構建的Cordova應用程序

在此應用程序中，有一個頁面，其中有4個可折疊對象，其中有多個可折疊對象。

每當嵌套可折疊對象展開時，我都需要觸發一段代碼。 為此，我使用了CSS類，並為這些可折疊對象綁定了一個擴展事件偵聽器。

當我使用jsFiddle進行工作時，但是在應用程序上它沒有運行並且沒有在斷點處停止（使用chrome遠程調試），也沒有任何類型的錯誤。

我的Javascript如下所示：

    $( ".msg_head" ).on( "collapsibleexpand", function( event, ui ) {
        alert('expand');
    } );

小提琴在這里可以查看： 小提琴

Answer 1

我已經使用以下js代碼使用有效的解決方案更新了小提琴 ：

$(document).on( "collapsibleexpand", ".msg_head",function( event, ui ) {
    alert('expand');
} );

Answer 2

jcarrera的答案將起作用（事件委托）。 但是從jQuery Mobile的角度來看，問題在於您沒有在jQM pagecreate事件中創建處理程序。 因此，可折疊性尚不存在。 將pagecreate用於包含可折疊項的頁面，如下所示：

$(document).on("pagecreate","#your-page-id", function(){ 
  $( ".msg_head" ).on( "collapsibleexpand",  function( event, ui ) {
    alert('expand');
  } );
});  

更新了FIDDLE