javascript - jquery 手风琴多表单在一个页面中，当一个表单不提交另一个表单时保持锁定

Question

我需要对此页面进行一些更改：http: //sirpaff.selgis.com/v1.1/CrearNuevaFichaFamiliar.php

如您所见，有一个 jQuery 脚本，这个http://jqueryui.com/accordion/

我需要当用户将数据插入“Datos Generales y del Jefe(a) de Familia”表格时，手风琴的其他部分保持锁定，直到用户完成整个（“Datos Generales y del Jefe(a) de Familia” ) 表格并将他交给“Guardar”（提交）。

然后，当保存信息时，打开手风琴“Carácteristica de la Vivienda”的下一个部分

同样，当填写“Carácteristica de la Vivienda”部分并单击“Guardar”时，将打开下一个“Integrantes de la Familia”部分。

Answer 1

这有两个部分。

首先，您需要自己处理表单提交：http: //geekswithblogs.net/renso/archive/2009/09/09/intercept-a-form-submit-with-jquery-and-prevent-or-allow.aspx这可以防止从重新加载页面。您需要使用 ajax 调用自己将数据发送到服务器：http: //api.jquery.com/jQuery.ajax/

其次，您想通过拦截 beforeActivate 来禁用手风琴部分：

$( "#accordion" ).accordion({    
        beforeActivate: function( event, ui ) {
                          if ( ui.newHeader.text() === "Don'tActivateMe" ){
                                 event.preventDefault();        
                           }    
                        }
 });