小编Jos*_*ota的帖子

JQuery 步骤:如何禁用步骤?

我正在使用 JQuery Steps,它非常出色。但事实证明有些事情很棘手。

假设我在第 2 步。根据我在表单中选择的内容,我可能希望在单击“下一步”时直接跳到第 4 步,并且进一步完全禁用第 3 步锚点。步骤 3 锚点仍应出现在步骤列表中,它应该只是灰显并禁用。

我似乎无法让它发挥作用。来自 JQuery Steps 大师的任何建议?

我在 onStepChanged 中尝试了以下几种变体:

                if ($('#option').val() == 'foo') {
                     $('#wizard-t-3').attr('disabled', true);
                     $('#wizard-t-3').addClass('disabled');
                } else {
                     $('#wizard-t-3').attr('disabled', false);
                     $('#wizard-t-3').removeClass('disabled');
                }
                if (currentIndex == 2) {
                    $(this).steps('next');
                }
Run Code Online (Sandbox Code Playgroud)

并应用了我认为合适的 CSS:

.wizard>.steps a .disabled,.wizard>.steps a:hover .disabled,.wizard>.steps a:active .disabled,.wizard>.steps a:visited .disabled { color: #777; 光标:默认 }

但它似乎并没有做到这一点。而且不仅仅是 CSS 似乎不起作用,该步骤似乎仍然启用。在 Chrome 调试器中一切正常,但工作不正常。我显然很困惑。

jquery-steps

3
推荐指数
1
解决办法
7019
查看次数

标签 统计

jquery-steps ×1