如何确定手风琴中从哪个索引中单击了按钮

|| 我正在使用具有多部分表单的jQuery Accordion UI(带有验证和表单插件)。每个表单都有一个常规的提交按钮和一个编辑按钮。如果该部分已完成,则编辑按钮将触发提交当前打开的部分,如果尚未完成,则将其关闭。然后,手风琴将打开到单击编辑按钮的部分。 例如,用户填写第1部分,然后单击继续。在填写第2部分时,用户意识到自己犯了一个错误,然后单击第1部分中的编辑按钮。第2部分关闭,第1部分重新打开进行编辑。我想知道哪个索引包含触发第2部分关闭的编辑按钮(在这种情况下,它是与第一部分相关的索引)。 我无法弄清楚如何确定从哪个部分(索引)中单击了编辑按钮。当我在SubmitHandler中使用以下代码时,我没有获得正确的索引。
var acc = $(\"#accordion\"),
index = acc.accordion(\'option\',\'active\'),
index_origin = $(\".edit\").index(this);
alert(index_origin);
有什么建议么? 我为抱歉的代码预先致歉-我是新来的。 更新:根据注释的要求,下面是手风琴第一部分的HTML。
<h3 id=\"section1\"><a href=\"#\" class=\"\">Applicant Information</a><button id=\"edit-applicant-button\" class=\"edit\" value=\"edit\" name=\"edit\">Edit Applicant information</button></h3>
        <div id=\"applicant-information\" class=\"step\">   
                <form id=\"applicant-form\" class=\"registration-form\" name=\"applicant-form\" method=\"post\" action=\"\">
                    <fieldset id=\"clientInfo\">                  
. . .   
                        </div>
                        <div class=\"step-action\">
                            <p>
                                <span class=\"next-step\">
                                    <button id=\"submit-first\" class=\"submit\" type=\"submit\" value=\"next\" name=\"next\"><em>Next</em></button>
                                </span>
                            </p>
                        </div><
                    </fieldset>         
                </form>
        </div>
    
已邀请:
错误是您按钮的实际类别是
\"edit\"
,而不是
\"editButton\"
。因此,您必须在html中进行更改,或者将javascript更改为:
index_origin = $(\"#accordion .edit\").index(this);
向选择器添加ѭ5不是强制性的,但可以使您拥有一个或多个手风琴。 编辑。利用您提供的额外信息,解决方案将是:
$(\"#accordion .edit\").click(function(){
    window.lastButtonClicked = this;  //Store clicked button in a global var.
});

...
submitHandler: function(){
   var index_origin = $(\"#accordion .edit\").index(window.lastButtonClicked );
}
    
根据所选的部分提供活动班级。您会发现具有活动类别的
h
标记
$(\'#acordion h\').hasclass(\'active\').index()
    

要回复问题请先登录注册