events - 在展开事件 JQuery Mobile 1.4.3 上获取元素 ID

Question

我有 7 个 colabsibles。对于每个我想在展开事件上加载一个带有 Ajax 的列表视图。

我的html代码：

<div data-role="collapsible-set" id="workdaylists" data-inset="true" data-collapsed-icon="bars" data-expanded-icon="minus">
<div id="monday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headmonday">Montag</span></h3>
    <ul id="mondaylist" data-role="listview"></ul>
</div>
<div id="tuesday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headtuesday">Dienstag</span></h3>
    <ul id="tuesdaylist" data-role="listview"></ul>
</div>
<div id="wednesday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headwednesday">Mittwoch</span></h3>
    <ul id="wednesdaylist" data-role="listview"></ul>
</div>
<div id="thursday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headthursday">Donnerstag</span></h3>
    <ul id="thursdaylist" data-role="listview"></ul>
</div>
<div id="friday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headfriday">Freitag</span></h3>
    <ul id="fridaylist" data-role="listview"></ul>
</div>
<div id="saturnday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headsaturnday">Samstag</span></h3>
    <ul id="saturndaylist" data-role="listview"></ul>
</div>
<div id="sunday" data-role="collapsible" data-collapsed="true">
    <h3><span id="headsunday">Sonntag</span></h3>
    <ul id="tuesdaylist" data-role="listview"></ul>
</div>

JS：

$(document).on('pagecreate', '#home', function(){
  $('#workdaylists').bind('collapsibleexpand', function () {
    alert("Expanded");
  });
})    

如何获得扩展的 ID？

谢谢尼基

Answer 1

给你，这应该适用于 jqm 1.4.2 版本，没有测试 1.4.3：

 $('#workdaylists').bind('collapsibleexpand', function (data) {

   console.log(data);
   console.log(data.target.id);
  });