ColorBox 내부에 JQuery 아코디언이 있습니다. Accordion/Colorbox를 간단한 링크에서 시작할 수 있습니다 (아코디언 요소의 ID가 "href"로 지정된 HTML 앵커 태그 사용).클라이언트 측 코드에서 ColorBox 시작 (JQuery Accordion 포함) -
그러나이 작업을 지연하고 JQuery/AJAX (버튼 클릭)로 서버 측 처리기를 호출해야합니다. 그런 다음 JQuery Accordion/Colorbox를 시작해야합니다.
JQuery 함수에서 Accordion/Colorbox를 시작하는 몇 가지 방법이 있어야합니다. 나는 앵커 태그에서이를 실행 사용하고 기술은 여기에 있습니다 : http://jsfiddle.net/GLWB6/
<script type="text/javascript">
$(function(){
$(function() {
$("#accordion").accordion({
heightStyle: 'content',
collapsible: true,
active: 0,
activate: function (event, ui) {
$.colorbox.resize();
}
});
});
$(".inline").colorbox({
inline: true,
innerWidth: '400px',
innerHeight: '400px',
scrolling: false,
});
});
<p><a class='inline' href="#accordion">Launch Accordion/Colorbox</a></p>
<div style="display:none">
<div id="accordion">
<h3>Step 2: Enter your information</h3>
<div>
<p>The input fields will go here</p>
</div>
<h3>Step 3: Thank you!</h3>
<div>
<p>The confirmation message, with the localize business information will go here</p>
<ul>
<li>Title</li>
<li>Address/Phone</li>
<li>Link to Web Site</li>
</ul>
</div>
</div>
목표는 서버 후 colorbox/아코디언 를 시작하는 것입니다 사이드 처리기는 JQuery/AJAX 호출을 통해 호출됩니다.
$.ajax({
type: "Post",
url: "/handlers/getCustomData.ashx",
data: {
custID: custID.value
},
dataType: "json",
success: function (response) {
//Launch colorbox/accordion, here }
})
입니다. 목표는 브라우저 (핸들러가 호출 된 후)로 돌아가고 JQuery AJAX "success"함수에서 colorbox/accordion을 시작하는 것입니다. – sean
"성공"후에 그냥'$ ('# accordionBTN')을 호출 할 수 없었습니다. trigger ('click'); ... 또는 뭔가 빠졌습니까? – Banning
아니요,하지만 흥미로운 접근 방법입니다. 앵커 태그는 최소한 칼라 박스/아코디언을 시작한 것으로 보이는 것입니다. 방아쇠 ('클릭') 방법을 시도했지만 실제로 작동하지 않습니다. 즉, 밀리 초 동안 간단히 "깜빡임"색상 상자가 작동합니다. – sean