Как перенаправить на другую веб-страницу с вкладкой jquery? - PullRequest
0 голосов
/ 24 мая 2018

У меня есть следующий код, который вы видите ниже.

Я хочу использовать вкладку для ссылки на 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.

1 Ответ

0 голосов
/ 24 мая 2018
<!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>  
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...