0

我有一个位于 Colorbox 内的 JQuery Accordion。我能够从一个简单的链接启动 Accordion/Colorbox（使用 HTML 锚标记，将手风琴元素的 id 指定为“href”）。

但是，我需要延迟此操作，并首先使用 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>

目标是在通过 JQuery/AJAX 调用调用服务器端处理程序后启动彩盒/手风琴：

$.ajax({

                type: "Post",
                url: "/handlers/getCustomData.ashx",
                data: {
                    custID: custID.value
                },
                dataType: "json",
                success: function (response) {
                    //Launch colorbox/accordion, here }
       })
4

1 回答 1

0

这是你要找的吗？http://jsfiddle.net/5A3Pu/

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

编辑： jsfiddle 的最终版本在这里http://jsfiddle.net/5A3Pu/3/

于 2013-07-17T15:28:23.523 回答