如果验证组无效，JQuery Cycle 插件需要在回发时循环到下一张幻灯片

Question

我正在使用 JQuery Cycle 插件（具有在单独的站点范围自定义 js 文件中定义的属性）在表单的两个页面（由表分隔）之间循环。每个页面都有自己的针对该页面上的控件的验证组。第一页有一个“下一步”按钮，单击该按钮会手动触发第一个验证组的页面验证。如果失败，则会显示工具提示，供用户更正信息。如果验证成功，则调用下一个循环命令。

$('#request-information').cycle('next');

在第二页上，控件通过提交按钮分组在第二个验证组中。单击提交按钮时，将触发服务器端验证，如果失败，页面将在回发时重新加载。所有这些都有效，除非第二页失败，我希望表单保留在第二页上。因此，如果由于表单的第二页无法验证而重新加载网页，我需要将起始幻灯片设置为表单的第二页，或者如果不可能，至少触发循环下一个命令。

我似乎无法将起始幻灯片设置为表单的第二页，因为这将覆盖在单独的 js 文件中设置的循环函数的其他定义属性。

那么，有谁知道如何根据单击提交按钮时第二个验证组是否失败来前进到回发页面加载的第二张幻灯片？或者我应该使用视图状态或其他东西做一些不同的事情？

抱歉，这是一个冗长的问题。希望它清晰而不令人困惑。 谢谢

Answer 1

如果您知道页面加载时需要转到第二张幻灯片，那么您可以执行以下操作：

var init = { startingSlide: 1 }; // i.e. second slide, the indices are zero-based
$('whatever').cycle($.extend(init, the_name_of_your_global_default_options));

您只需将 init 安排为空对象文字，除非您需要设置startingSlide。如果 .cycle() 位于页面之外的某个位置，那么您可以为页面特定选项和 $.extend() 保留一个变量，其中 .cycle () 被调用。例如，在您的页面中，您可以执行以下操作：

app_name_space.page_cycle_opts = { startingSlide: 1 };

然后在绑定循环内容的 JavaScript 文件中执行以下操作：

app_name_space.page_cycle_opts = app_name_space.page_cycle_opts || { };
$('whatever').cycle($.extend(app_name_space.page_cycle_opts, default_options));

我使用 app_name_space 作为应用程序的任何全局命名空间的占位符已用于避免名称冲突。如果您必须在单个页面上处理多个循环实例，那么您需要通过元素 ID 来索引 page_cycle_opts，例如：

app_name_space.page_cycle_opts['X'] = { startingSlide: 1 };

然后在其他地方进行索引：

$('whatever').each(function() {
    $(this).cycle($.extend(
        app_name_space.page_cycle_opts[this.id] || { },
        default_options
    ));
});

基本思想是考虑全局配置选项作为一组默认值，然后通过明确定义和记录的机制允许特定于页面的覆盖。

对一个冗长问题的冗长回答。希望它清晰而不令人困惑。