2013-07-16 2 views
0

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

답변

0

이게 당신이 찾고 있는게 있나요? http://jsfiddle.net/5A3Pu/

<a id="accordionBTN" class='inline' href="#accordion">Inline HTML</a> 
$('#accordionBTN').trigger('click'); 

편집 : jsfiddle의 최종 버전은 아니, 난 그렇게 생각하지 않아요 여기 http://jsfiddle.net/5A3Pu/3/

+0

입니다. 목표는 브라우저 (핸들러가 호출 된 후)로 돌아가고 JQuery AJAX "success"함수에서 colorbox/accordion을 시작하는 것입니다. – sean

+0

"성공"후에 그냥'$ ('# accordionBTN')을 호출 할 수 없었습니다. trigger ('click'); ... 또는 뭔가 빠졌습니까? – Banning

+0

아니요,하지만 흥미로운 접근 방법입니다. 앵커 태그는 최소한 칼라 박스/아코디언을 시작한 것으로 보이는 것입니다. 방아쇠 ('클릭') 방법을 시도했지만 실제로 작동하지 않습니다. 즉, 밀리 초 동안 간단히 "깜빡임"색상 상자가 작동합니다. – sean