通过选项卡将JQuery UI选项卡修改为选项卡
我如何修改JQuery UI选项卡,以便我的用户可以使用tab和shift/tab查看它们,就像他们可以查看页面的其余部分一样?而不需要使用箭头键 我正在使用jQueryUIV1.10.3 这是我的代码,基本上是他们网站上的示例:通过选项卡将JQuery UI选项卡修改为选项卡,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,我如何修改JQuery UI选项卡,以便我的用户可以使用tab和shift/tab查看它们,就像他们可以查看页面的其余部分一样?而不需要使用箭头键 我正在使用jQueryUIV1.10.3 这是我的代码,基本上是他们网站上的示例: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Tabs - Default fu
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Tabs - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs({
event: "click"
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1</p>
</div>
<div id="tabs-2">
<p>Tab 2</p>
</div>
<div id="tabs-3">
<p>Tab 3</p>
</div>
</div>
</body>
</html>
但我不知道这是否是最好的解决方案,我需要它在每次选择选项卡时运行,而不仅仅是在页面加载时运行。您能展示您到目前为止所做的工作吗?我没有修改任何内容。他们网站上的例子是准确的:询问代码的问题必须证明对正在解决的问题的最低理解。包括尝试的解决方案,为什么它们不起作用,以及预期的结果。好的,我的问题是链接上的tabindex=“-1”。我想不出如何阻止这种情况发生。我将举一个例子,并将其添加到我的问题中。谢谢。一个好的开始是看看tabs小部件的源代码本身。如果已经支持箭头键,那么它一定来自某个地方,对吗?快速提示:查看方法
\u tabKeydown
。让自己获得灵感;-)
$('ul.ui-tabs-nav>li,ul.ui-tabs-nav>li>a').removeAttr("tabindex");