Pobierz ID elementu podczas rozbudowy zdarzenia JQuery Mobile 1.4.3 - zdarzenia, jquery-mobile, expand, collapsable

Mam 7 artykułów do pisania. dla każdego chciałbym załadować widok listy z Ajaxem na zdarzeniu expand.

Mój kod 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");
});
})

Jak uzyskać identyfikator tego, który został rozszerzony?

Dzięki Niki

Odpowiedzi:

Proszę bardzo, to powinno działać z wersją jqm 1.4.2, nie testowałem dla 1.4.3:

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

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