Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过选项卡将JQuery UI选项卡修改为选项卡_Jquery_Jquery Ui_Jquery Ui Tabs - Fatal编程技术网

通过选项卡将JQuery UI选项卡修改为选项卡

通过选项卡将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

我如何修改JQuery UI选项卡,以便我的用户可以使用tab和shift/tab查看它们,就像他们可以查看页面的其余部分一样?而不需要使用箭头键

我正在使用jQueryUIV1.10.3

这是我的代码,基本上是他们网站上的示例:

<!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");