Foundation Zurb - 显示模态焦点

【问题标题】：Foundation Zurb - Reveal Modal focusFoundation Zurb - 显示模态焦点
【发布时间】：2015-09-02 14:51:21
【问题描述】：

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

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

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

谢谢

【问题讨论】：

标签： jquery zurb-foundation zurb-reveal

【解决方案1】：

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

方法是：

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

$(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');			
		});

这是最好的方法吗？

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

【讨论】：