вертикальная вкладка с JQuery создать ссылку

Question

вертикальная вкладка с JQuery создать ссылку

0

Я пытаюсь создать ссылку, используя id div, например: index.html#section3, index.html#section4 index.html#section3, но он не работает:

<html>
<head>
<title>jQuery Vertical Tabs</title>
<style type="text/css">
ul#verticalNav {
    float:left;
    clear:left;
    width:15%;
}
div#sections {
    float:right;
    clear:right;
    width:80%;
}
</style>
<script type="text/javascript" 

src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function showSection( sectionID ) {
    $('div.section').css( 'display', 'none' );
    $('div'+sectionID).css( 'display', 'block' );
}
$(document).ready(function(){
    if (
        $('ul#verticalNav li a').length &&
        $('div.section').length
    ) {
        $('div.section').css( 'display', 'none' );
        $('ul#verticalNav li a').each(function() {
            $(this).click(function() {
                showSection( $(this).attr('href') );
            });
        });
        $('ul#verticalNav li:first-child a').click();
    }
});
</script>
</head>
<body>
    <h1>Vertical Navigation Example</h1>
    <p>This page demonstrates a simple tabbed jQuery 

navigation scheme.</p>
    <ul id="verticalNav">
        <li><a href="#section1">Section I</a></li>
        <li><a href="#section2">Section II</a></li>
        <li><a href="#section3">Section III</a></li>
    </ul>
    <div id="sections">
        <div class="section" id="section1">
            <h2>Section I</h2>
            <p>Some content specific to this section...</p>
        </div>
        <div class="section" id="section2">
            <h2>Section II</h2>
            <img src="#" alt="BADGER" />
        </div>
        <div class="section" id="section3">
            <h2>Section III</h2>
            <img src="#g" alt="SNAKE" />
        </div>
    </div>
</body>
</html>

user2913707 25 окт. 2013, в 09:27

Источник

0

Почему вы не используете вкладки jquery <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>
Scary Wombat 25 окт. 2013, в 06:44
0

привет все еще не работает
user2913707 25 окт. 2013, в 07:01

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Почему вы не используете вкладки jquery <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>

Scary Wombat · Answer 1 · 2013-10-25T05-47-00.000Z

посмотрите на JQuery Tabs http://jqueryui.com/tabs/ для хорошего современного решения. Доступно множество демонстраций.

привет, я меняю существующий сайт, поэтому я не могу перекодировать ...
Версия Jquery, которую вы используете, серьезно старая
Привет, как я могу перейти на функцию загрузки страницы: $ ('ul # verticalNav li: first-child a'). click ();