jquery mobile 1.2.0에서 접을 수있는 div에 대한 스타일이 업데이트되지 않습니다.

Question

접을 수있는 div의 스타일이 업데이트되지 않습니다. 최신 jquery-mobile 1.2.0 버전을 사용하고 있습니다. 내 코드는 다음과 같습니다. Pls는

HTML을 사용

<div data-role="page" id="eventDetails"> 
<div data-role="content"> 
<div data-role="collapsible-set" class="collapsibleSetClass"> 
    <div data-role="collapsible" data-content-theme="b" class="collapsibleClass"> 
    </div> 
</div> 

</div><!-- /content --> 
</div> 

자바 스크립트 누락되는 사항에 대한 조언 : 당신은 아직 초기화되지 않은 위젯을 새로 고치려고

$(document).bind("mobileinit", function(){ 
     $.mobile.changePage.defaults.changeHash = false; 
     $.mobile.collapsibleset.prototype.options.initSelector = ".collpasibleSetClass"; 
     initEvents(); 
    }); 

var initEvents = function(){ 
$.mobile.changePage("#eventDetails", { transition: "slide"}); 
var $description = $('.collapsibleClass'); 
$description.html(''); 
var $title = $('<h3/>').append(eventObj.eventTitle); 
var $eventDetails = $('<p/>').append(eventObj.eventDescription); 
$description.append($title).append($eventDetails); 
$('.collapsibleSetClass').collapsibleset("refresh"); 
} 

Answer 1

. mobileinit 이벤트 핸들러에서 initEvents()으로 전화를 걸면 아무 것도 초기화되기 전에 실행됩니다.

그래서 가장 가능성이 당신이 정말로 할 필요는 접을 수있는 위젯 (들)와 jQuery를 모바일 자동으로 초기화합니다 새로 고쳐 줄을 제거입니다 :

var initEvents = function(){ 
$.mobile.changePage("#eventDetails", { transition: "slide"}); 
var $description = $('.collapsibleClass'); 
$description.html(''); 
var $title = $('<h3/>').append(eventObj.eventTitle); 
var $eventDetails = $('<p/>').append(eventObj.eventDescription); 
$description.append($title).append($eventDetails); 
//$('.collapsibleSetClass').collapsibleset("refresh"); 
} 

또한 후 모든 JS을 포함해야합니다 선택한 HTML 페이지 또는 HTML 요소를 사용할 수 없습니다. 이러한 이유로 mobileinit 대신 첫 번째 페이지에 pageinit을 사용하는 것이 좋습니다.