jquery - Foundation Zurb - 显示模态焦点

Question

我有一个使用 Foundation Zurb 的页面，我有一个显示模式，当我按下按钮时会打开一些字段。问题是，每次我提供的选项卡数量超过输入数量时，焦点不会再次转到第一个字段（就像 Jquery 对话框那样），焦点会更改为背景中的按钮（模式后面）。

有人知道如何解决这个问题（这是我需要拥有的一些属性，还是我需要添加的一些 JS 代码？）？

我知道互联网上已经有一些讨论，但我没有看到解决我的问题。

谢谢

Answer 1

我不知道这是否是最好的方法，但这是唯一的方法。

方法是：

1. 当打开弹出窗口时，会为每个选项卡式可见组件创建一个“焦点”事件。在那里，如果选项卡式元素不属于弹出窗口，则焦点设置为第一个输入
2. 关闭时，此事件将被删除

$(document).on('open.fndtn.reveal', '.reveal-modal', function () {
			var $this = $(this);
			$(":tabbable:visible").focus(function(){				
				if($this.find($(this)).length == 0){
					$this.find("input:visible").first().focus();	
				}
			});			
		});
		
		$(document).on('close.fndtn.reveal', '.reveal-modal', function () {			
			$(":tabbable:visible").unbind('focus');			
		});

这是最好的方法吗？

（希望对某人有所帮助）谢谢