问如何使用jquery选项卡重定向到另一个网页？
EN

Stack Overflow用户

提问于 2018-05-24 14:24:28

回答 1查看 38关注 0票数 2

我有下面的代码。

我想用标签链接到谷歌。这在使用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>

当我点击谷歌标签时，什么都不会发生。我需要的代码“突破”的jQuery标签，并显示谷歌页时，谷歌选项卡被点击。

redirect

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-24 14:35:21

<!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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50511801

复制

相似问题

问如何使用jquery选项卡重定向到另一个网页？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery选项卡重定向到另一个网页？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery选项卡重定向到另一个网页？
EN