Javascript 如何打开另一个带有链接的选项卡？_Javascript_Jquery_Jquery Ui_Jquery Ui Tabs

Javascript 如何打开另一个带有链接的选项卡？

javascript jquery jquery-ui

Javascript 如何打开另一个带有链接的选项卡？,javascript,jquery,jquery-ui,jquery-ui-tabs,Javascript,Jquery,Jquery Ui,Jquery Ui Tabs,我在一个页面中使用了jQueryUI选项卡。但是我想，如果有人点击Tab1中的ClickMe链接，它会自动为他打开Tab2。我希望链接Click me的工作方式与Tab2选项的工作方式相同。我该怎么做？我的代码如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Homepage</title> <link rel="stylesheet"

我在一个页面中使用了jQueryUI选项卡。但是我想，如果有人点击Tab1中的ClickMe链接，它会自动为他打开Tab2。我希望链接Click me的工作方式与Tab2选项的工作方式相同。我该怎么做？我的代码如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Homepage</title>

  <link rel="stylesheet" href="css/jquery_ui.css">
  <link rel="stylesheet" href="css/index.css">

  <script src="js/jquery.js"></script>
  <script src="js/jquery_ui.js"></script>

  <script>

    $( function() {
    $( "#tabs" ).tabs();
    } );

  </script>

</head>

<body>

<div id="tabs">
  <ul>
    <li><a href="#tab_one">Tab1</a></li>
    <li><a href="#tab_two">Tab2</a></li>
    <li><a href="#tab_three">Tab3</a></li>

    <div id="tab_one">
        <p>Something about Tab1</p>
        <p><a href="">Click me</a></p>
    </div>

    <div id="tab_two">
        <p>Something about Tab2</p>
    </div>

    <div id="tab_three">
        <p>Something about Tab3</p>
    </div>

  </ul>
</div>

</body>
</html>

在锚点标记中使用target=\u blank属性，如

<li><a target="_blank" href="#tab_one">Tab1</a></li>

在锚点标记中使用target=\u blank属性，如

<li><a target="_blank" href="#tab_one">Tab1</a></li>

使用以下命令：

您可以在锚元素的href标记中设置选项卡2的id

<div><a href="#tab_two">Click here to open tab 2</a></div>

您可以在锚元素的href标记中设置选项卡2的id

<div><a href="#tab_two">Click here to open tab 2</a></div>

使用此链接，您可以使用新页面打开新窗口

使用此链接，您可以打开带有新页面的新窗口。

也许它将帮助您进行自定义单击

也许它会帮助你定制点击

在“单击我”按钮的“单击”事件上

添加以下代码以实现它

$("a[href='#tab_two']").trigger("click");

这应该适用于您。

单击“单击我”按钮的单击事件

添加以下代码以实现它

$("a[href='#tab_two']").trigger("click");

这应该适用于您。

似乎OP通过«tab»提出了另一个问题。他指的是页面内的选项卡，而不是浏览器选项卡。似乎OP通过«tab»提出了另一个问题。他指的是页面内的选项卡，而不是浏览器选项卡。这不会针对选项卡。这不会针对选项卡。您可以指定在何处以及如何使用此代码吗？我试过了，但没用。哦，对不起。我没有注意到那个链接。谢谢您的帮助。您能指定在何处以及如何使用此代码吗？我试过了，但没用。哦，对不起。我没有注意到那个链接。谢谢你的帮助。