这是我第一次在这里发帖,即使我已经使用这个网站很长时间了。这是我的问题:我正在使用jquery-steps创建验证/结帐表单,并且我想禁用选项卡导航,它允许用户在步骤之间自由跳转(例如从步骤 1 到步骤 3)。选项卡必须保持可见。
我意识到解决方案可能很简单,但我现在真的被困住了:/ ...
感谢您的帮助,请原谅任何英语错误!
这是我第一次在这里发帖,即使我已经使用这个网站很长时间了。这是我的问题:我正在使用jquery-steps创建验证/结帐表单,并且我想禁用选项卡导航,它允许用户在步骤之间自由跳转(例如从步骤 1 到步骤 3)。选项卡必须保持可见。
我意识到解决方案可能很简单,但我现在真的被困住了:/ ...
感谢您的帮助,请原谅任何英语错误!
好的,经过一些扩展的研究,我设法找到了解决问题的替代方法。我注意到所有标题都存储在“.steps” div 中。因此,我添加了一个新的 CSS 属性:
.steps {
pointer-events: none;
}
这会禁用该特定类的所有鼠标操作。我知道这不是最干净的解决方案,但是嘿,它对我有用:)!
(谢谢你的帮助拉斐尔)
您是否已经查看了jquery-steps.com的示例?如果没有,请在此处查看高级表单示例 !另请参阅此博客文章,该文章详细描述了如何使用 jQuery 步骤创建表单向导。
今天遇到了同样的问题,并通过disabled
在. 使用CSS 对我来说不是解决方案,因为必须在某些点禁用某些步骤导航。尽管这种方法可能会破坏您的 CSS,即如果您有并且类和样式覆盖了那些,但没有任何调整无法解决。li
div.steps
pointer-events
disabled
done
disabled
done