Tabs Jquery步骤:禁用选项卡式导航

Tabs Jquery步骤:禁用选项卡式导航,tabs,jquery-steps,Tabs,Jquery Steps,这是我第一次在这里发帖,即使我已经使用这个网站很长时间了。这是我的问题:我正在使用创建验证/签出表单,我想禁用选项卡导航,它允许用户在步骤之间自由跳转(例如,从步骤1到步骤3)。标签必须保持可见 我意识到解决方案可能非常简单,但我现在真的被卡住了:/ 谢谢你的帮助,请原谅任何英语错误 您已经查看了以下示例了吗?如果没有,请查看高级表单示例! 另请参阅博客文章,该文章详细介绍了如何使用jQuery步骤创建表单向导。好的,经过一些深入研究,我找到了解决问题的替代方案。我注意到所有标题都存储在“.st

这是我第一次在这里发帖,即使我已经使用这个网站很长时间了。这是我的问题:我正在使用创建验证/签出表单,我想禁用选项卡导航,它允许用户在步骤之间自由跳转(例如,从步骤1到步骤3)。标签必须保持可见

我意识到解决方案可能非常简单,但我现在真的被卡住了:/


谢谢你的帮助,请原谅任何英语错误

您已经查看了以下示例了吗?如果没有,请查看高级表单示例!
另请参阅博客文章,该文章详细介绍了如何使用jQuery步骤创建表单向导。

好的,经过一些深入研究,我找到了解决问题的替代方案。我注意到所有标题都存储在“.steps”div中。因此,我添加了一个新的CSS属性:

.steps {
  pointer-events: none;
}
这将禁用该特定类的所有鼠标操作。我知道这不是可能的最干净的解决方案,但嘿,它对我很有效:)


(感谢您的帮助rafael)

今天遇到了相同的问题,并通过向
div.steps
中的
li
元素添加
disabled
类解决了该问题。使用
指针事件
CSS对我来说不是一个解决方案,因为我必须在某些点禁用某些步骤导航。虽然这种方法可能会破坏你的CSS,例如,如果你禁用了
完成了
类和
禁用的
样式会覆盖
完成的
样式,但是没有任何调整是不能解决的。

谢谢你的建议!我检查了jquery-steps.com上提供的所有示例(和文档),并阅读了您刚刚发给我的文章。不幸的是,我的问题仍然存在,我无法找到禁用选项卡式导航的解决方案!经过一些扩展搜索后,它可能与aria controller有关,这就是我所能找到的:/。。。无论如何谢谢你!