Jquery mobile Jquery数据角色可折叠事件不是';在Jquery Mobile中捕获的t

Jquery mobile Jquery数据角色可折叠事件不是';在Jquery Mobile中捕获的t,jquery-mobile,jquery-mobile-collapsible,Jquery Mobile,Jquery Mobile Collapsible,当我使用Jquery mobile JS时,有人能告诉我为什么下面的代码不起作用吗 这是我的密码 <div role="main" class="ui-content oms-content" id="dd"> <div class="myactivelabelsWrap" id="result"></div> </div> var response = { "Restaurants": [{ "RestrntArea"

当我使用Jquery mobile JS时,有人能告诉我为什么下面的代码不起作用吗

这是我的密码

<div role="main" class="ui-content oms-content" id="dd">
    <div class="myactivelabelsWrap" id="result"></div>
</div>



var response = {
  "Restaurants": [{
    "RestrntArea": "Haii",
    "cust_loc_id": "374"
  }, {
    "RestrntArea": "rerrrwe",
    "cust_loc_id": "373"
  }]
}
showLabels();

function showLabels() {
  //$("#result").html("");
  var favoriteresultag = '';
  for (var i = 0; i < response.Restaurants.length; i++) {
    var name = response.Restaurants[i].RestrntArea;
    if (name) {
      favoriteresultag +=
        '<div data-role="collapsible" data-inset="false" class="my-collaspible"><h3>' +
        name +
        ' <a class="icon-pencil-1 labelEditIcon "></a></h3></div>';
    }
  }
  $("#result").append(favoriteresultag).trigger("create");
}
$(document).ready(function() {
  $('.my-collaspible').bind('expand', function() {
    alert('Expanded');
  });
  $('.my-collaspible').bind('collapse', function() {
    alert('Collapsed');
  });
});

var响应={
“餐厅”:[{
“restratrea”:“Haii”,
“客户位置id”:“374”
}, {
“restratrea”:“rerrrwe”,
“客户位置id”:“373”
}]
}
showLabels();
函数showLabels(){
//$(“#结果”).html(“”);
var FavoriteResultTag='';
对于(var i=0;i
为什么崩塌和扩张的偶数被捕获


我没有准备好文档,而是尝试了移动设备的所有页面事件。但是没有运气

从你的小提琴上,我看不出你使用的是哪个版本的jQM。您已经检查了版本1.3,但随后添加了1.4 css。在1.4版中,我更新了你的小提琴:

基本上,您需要使用来附加事件,因为绑定时不存在可折叠文件。此外,事件名称实际上是

因此,使用on()而不是bind(),方法是处理父div上的事件,并将其委托给现在存在或动态添加的类为my Collapsable的所有项:

$("#result").on('collapsibleexpand', '.my-collaspible', function () {
    alert('Expanded');
});

$("#result").on('collapsiblecollapse', '.my-collaspible', function () {
    alert('Collapsed');
});

我是这样解决的$(“#result”).append(FavoriteResultTag).trigger(“创建”).trigger(“页面创建”);然后是$(document).on('pagecreate',function(){$('.my collaspible').on('collapsableexpand',function(){alert('Expanded');});$('.my collaspible').on('collapsablecollapse',function(){alert('Collapsed');});@PreethiJain,在1.4中可以使用enhanceWithin()代替触发器(“create”),我的解决方案可能会有更好的性能,因为它不需要每次添加项目时都重新创建整个页面。。。