Question

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

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

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

由于

Answer 1

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

方式是：

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

＆＃13;

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

＆＃13;

这是最好的方式吗？

（希望能帮到某人）感谢

Zurb基金会 - 揭示模态焦点

1 个答案: