我有以下代码,您可以在下面看到。
我想使用标签链接到 Google。使用 jQuery 标签时这不可能吗?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Account</a></li>
<li><a href="#tabs-2">Settings</a></li>
<li><a href="https://www.google.com">Google</a></li>
</ul>
<!-- ACCOUNT -->
<div id="tabs-1">
<div id="tabs1">
<ul>
<li><a href="#tabs-11">Edit</a></li>
</ul>
<div id="tabs-11">
<p>Content here...</p>
</div>
</div>
</div>
<!-- SETTINGS -->
<div id="tabs-2">
<div id="tabs2">
<ul>
<li><a href="#tabs-21">Edit</a></li>
</ul>
<div id="tabs-21">
<p>Content here...</p>
</div>
</div>
</div>
</div>
<link rel="stylesheet"
href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('#tabs').tabs();
jQuery('#tabs1').tabs();
jQuery('#tabs2').tabs();
});
</script>
</body>
</html>
当我点击 Google 标签时,没有任何反应。我需要代码来“突破”jQuery 选项卡并在单击 Google 选项卡时显示 Google 页面。
最佳答案
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Account</a></li>
<li><a href="#tabs-2">Settings</a></li>
<li id='googleTab'><a href="https://www.google.com">Google</a></li>
</ul>
<!-- ACCOUNT -->
<div id="tabs-1">
<div id="tabs1">
<ul>
<li><a href="#tabs-11">Edit</a></li>
</ul>
<div id="tabs-11">
<p>Content here...</p>
</div>
</div>
</div>
<!-- SETTINGS -->
<div id="tabs-2">
<div id="tabs2">
<ul>
<li><a href="#tabs-21">Edit</a></li>
</ul>
<div id="tabs-21">
<p>Content here...</p>
</div>
</div>
</div>
</div>
<link rel="stylesheet"
href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('#tabs').tabs();
jQuery('#tabs1').tabs();
jQuery('#tabs2').tabs();
jQuery('#googleTab').click(function(){
window.location.href = "http://www.google.com";
});
});
</script>
</body>
</html>
关于jquery - 如何使用 jquery 选项卡重定向到另一个网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50511801/