3 개의 섹션이있는 아코디언이 포함 된 대화 상자를 디자인하고 싶습니다.이 방법을 알고있는 사람이 있습니까? 나는 JQuery 아코디언 예제로 노력하고 있지만 아직 성공하지 못했다. 이 문제에 대한 당신의 생각을 고맙게 생각합니다. 페이지 아래로 약 절반이 link 밖으로JQuery 아코디언 : 대화 상자에 삽입하는 방법?
0
A
답변
1
검사가 좋은 예
1
당신이 팝업 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>");
.
1
쉬운 방법 세 항목 섹션 사용자 정의 아마를 할 것
<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'
});
행운을 빈다!
관련 문제
- 1. jQuery 대화 상자에 페이지로드하기
- 2. jquery 대화 상자에 로고를 넣는 방법
- 3. JQuery UI : 대화 상자에 값을 전달하는 방법
- 4. 도구 상자에 아코디언 컨트롤이 없습니다.
- 5. jQuery 아코디언 폐쇄시로드
- 6. Jquery 아코디언
- 7. 콤보 상자에 콤보 상자에 데이터를 삽입하는 방법 C#
- 8. jquery - 페이지의 텍스트를 대화 상자에 전달하십시오.
- 9. ajax를 통해 데이터를 대화 상자에 전달 Jquery
- 10. jQuery 대화 상자에 이전 값이 유지됩니다.
- 11. 변수를 jQuery UI 대화 상자에 전달
- 12. jquery UI 대화 상자에 대한 배경 이미지
- 13. jQuery UI 대화 상자에 대한 도움말
- 14. jQuery BubblePopup이 모달 대화 상자에 표시되지 않음
- 15. jQuery UI 대화 상자에 CSS가 적용되지 않습니다.
- 16. 값을 텍스트 상자에 삽입하는 방법 - 웹 사이트
- 17. Windows에서 Firefox의 Flash 컨텐츠를 jQuery UI 대화 상자에 표시하는 방법
- 18. jQuery Mobile 동적으로 대화 상자에 html을 추가하는 방법
- 19. jquery 대화 상자가로드 될 때 텍스트 상자에 포커스를 설정하는 방법
- 20. JQuery UI 대화 상자 - * 대화 상자에 함수 * 오류가 없습니다.
- 21. 동적으로 대화 상자에 버튼을 추가하십시오.
- 22. 대화 상자를 win32 dll 코드에 삽입하는 방법
- 23. JQuery와 모달 대화 상자에 테두리를 추가하는 방법
- 24. 자바 (스윙) 대화 상자에 추가하는 방법?
- 25. jQuery 아코디언 및 탭
- 26. JQuery 아코디언 기본 상태
- 27. jQuery 아코디언 확장
- 28. jQuery 아코디언 긴 콘텐츠
- 29. Jquery 천막과 아코디언 충돌
- 30. Jquery 아코디언 중첩 문제
감사합니다. 아주 유용한 튜토리얼. – Felix