【问题标题】:JQuery-Steps Wizard only show Step1 upon page loadJQuery-Steps 向导仅在页面加载时显示 Step1
【发布时间】:2014-09-12 19:19:05
【问题描述】:

我正在使用 Jquery-Steps 向导。目前,当页面加载时有一个短暂的延迟,所有的向导步骤都显示为无样式,直到 javascript 和 css 启动。它看起来很糟糕并且否定了向导效果。

有没有办法只在页面加载时显示向导步骤 1,而不简要显示所有其他隐藏的向导步骤?

谢谢!

【问题讨论】:

  • 请显示一些代码或演示。由于示例页面 (jquery-steps.com/Examples#basic-form) 上不会发生这种情况,因此我们需要做更多的事情。
  • 你能用 css display:none 设置它们的样式并在页面加载后更改第一个吗?
  • 样本在被移动到隐藏的 div 之前一直表现出相同的加载问题。请注意,在单击按钮之前,示例页面会隐藏所有向导。
  • 加里,我尝试了你的建议。问题是即使在调用 jquery .show() 方法后第一个也不显示。但是,如果我前进到下一步然后单击上一步,它会显示。我不知道为什么它在初始页面加载时不显示。

标签: jquery jquery-steps


【解决方案1】:

要隐藏任何特定步骤,我使用以下代码:

$("#mySteps a[href='#mySteps-h-1']").hide();

只需将数字“1”替换为您希望隐藏的任何(或所有)步骤的索引即可。要显示该步骤,只需进行类似的调用:

$("#mySteps a[href='#mySteps-h-1']").show();

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-29
    • 2022-01-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多