JQuery 아코디언 : 대화 상자에 삽입하는 방법?

Question

3 개의 섹션이있는 아코디언이 포함 된 대화 상자를 디자인하고 싶습니다.이 방법을 알고있는 사람이 있습니까? 나는 JQuery 아코디언 예제로 노력하고 있지만 아직 성공하지 못했다. 이 문제에 대한 당신의 생각을 고맙게 생각합니다. 페이지 아래로 약 절반이 link 밖으로

Answer 1

검사가 좋은 예

Answer 2

당신이 팝업 alert() 상자에 포함하려는 경우, 당신은 그렇게 할 수 없습니다. 가장 좋은 방법은 자신의 모달 팝업을 만드는 것입니다.

jQuery UI의 대화 상자를 사용하면 http://jqueryui.com/demos/dialog/은 많은 온라인 문서 및 사용법이있는 좋은 기반이지만 직접 오버레이를 만들 수도 있습니다. 이것은 당신이 절대적으로 jQuery를 사용하여 DIV를 만드는 것을 의미합니다. 그래서

#modal { 
    position:absolute; /* could be 'fixed', but then you have to deal with browsers */ 
    top:10%; 
    left:25%; 
    width:50%; 
    height:500px; 
    overflow:auto; 
} 

과 같은 스타일 시트에 뭔가 모달 창 CSS와

$("body").append("<div id='modal'>All of your markup</div>"); 

.

Answer 3

쉬운 방법 세 항목 섹션 사용자 정의 아마를 할 것

<div id="someDiv"> 
    <h3><a href="#">Section 1</a></h3> 
    <div>Section 1 content</div> 
    <h3><a href="#">Section 2</a></h3> 
    <div>Section 2 content</div> 
    <h3><a href="#">Section 3</a></h3> 
    <div>Section 3 content</div> 
</div> 

에 대한 그래서

$('#someDiv').accordion().dialog(); 

.

$('#someDiv') 
    .accordion({ 
    active: 2, 
    collapsible: true 
    }) 
    .dialog({ 
    width: 500, 
    height: 350, 
    title: 'Some title' 
    }); 

행운을 빈다!