JQuery UI слайд меню

0

Я пытаюсь изменить содержимое моих страниц, вытаскивая контент из страницы, когда пользователь нажимает на мои разные навигационные ссылки. Пока я могу сместиться с моей домашней страницы и на одну из моих других страниц, которая отлично работает. Но я не уверен, как я могу вернуться на первую страницу.

Сценарий, который я использую для перехода на первую страницу:

        <script>
            function slide(div)
            {
                if(div == "work")
                {
                    $('#home').hide('slide', {direction: 'left'}, 1000);
                    $('#work').delay(600).show('slide', {direction: 'right'}, 1000); 
                }
            }
        </script>

Содержание, которое im скользящее вместе с моим навигационным меню:

        <div class='nav'>
            <table class='nav'>
                <tr>
                    <td width='23%'><a href='index.html' onclick='slide("home");' class='link'>home</a></td>
                    <td width='23%'><a href='#' onclick='slide("work");' class='link'>work</a></td>
                    <td width='23%'><a href='#' class='link'>about</a></td>
                    <td width='31%'><a href='#' class='link'>contact</a></td>
                </tr>
            </table>
        </div>
        <div class='content' id='home'>
            <h1>hello</h1>
            <table class='content'>
                <tr>
                    <td><img src='images/icon1.png' class='icon'></td>
                    <td><p>im thobias nordgaard. a front and back end<br>
                    developer from denmark. i love what i do,<br>
                    hopefully you will too.<br><br>

                    Im fluid in html, css, php and improving in<br> 
                    javascript, jquery and sass. if you dont know<br>
                    what these things are, all they mean is: i can<br>
                    make websites.</p></td>
                </tr>
            </table>
        </div>

        <div class='content' id='work'>
            <h1>work</h1>
            <table class='content'>
                <tr>
                    <td><img src='images/icon1.png' class='icon'></td>
                    <td><p>I haven't completed any work yet :(</p></td>
                </tr>
            </table>
        </div>
Теги:
slide

1 ответ

0

Починил это. Я сделал первую ссылку, перейдя на главную страницу, так что страница обновилась, когда вы нажали ее. Причинение сценария не запускать :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню