확장 이벤트에서 요소 ID 가져 오기 JQuery Mobile 1.4.3

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"); 
    }); 
})  

가 어떻게 하나의 thate의 ID를받을 수 있나요 확장?

감사 니키

다음

Answer 1

당신이 1.4.3 테스트하지 않았다,이 JQM 1.4.2 버전으로 작동합니다, 이동 :

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

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