Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как сделать, чтобы после обновления открывался нужный раздел (https://javascript.ru/forum/events/35996-kak-sdelat-chtoby-posle-obnovleniya-otkryvalsya-nuzhnyjj-razdel.html)

рони 01.03.2013 02:33

Mukhtar, у меня всё ок!
<!DOCTYPE HTML>
<html>
    
    <head>
        <title></title>
        <meta charset="utf-8" />
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
            
        </script>
        <script type="text/javascript">
            $(function () {

                $("#home").fadeIn(500);

                $("ul li").on("click", function () {
                    var id = $(this).data("section");
                    var elem = $(this);

                    $("section:visible").fadeOut(function () {
                        $("ul li").removeClass("active");
                        $(id).fadeIn();
                        elem.addClass("active");
                    });
                });

                hash = document.location.hash;
                if (hash != '') {
                    $("ul li a[href='" + hash + "']").click();
                }
            });
        </script>
    </head>
    
    <body>
        <ul class="nav nav-pills">
            <li class="active" data-section="#home">
                <a href="#home">Продукты</a>
            </li>
            <li class="" data-section="#about">
                <a href="#about">О компании</a>
            </li>
        </ul>
        <section id="home">FIRST PAGE</section>
        <section id="about">SECOND PAGE</section>
    </body>

</html>

Mukhtar 01.03.2013 02:38

Цитата:

Сообщение от рони (Сообщение 238091)
Mukhtar, у меня всё ок!
<!DOCTYPE HTML>
<html>
    
    <head>
        <title></title>
        <meta charset="utf-8" />
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
            
        </script>
        <script type="text/javascript">
            $(function () {

                $("#home").fadeIn(500);

                $("ul li").on("click", function () {
                    var id = $(this).data("section");
                    var elem = $(this);

                    $("section:visible").fadeOut(function () {
                        $("ul li").removeClass("active");
                        $(id).fadeIn();
                        elem.addClass("active");
                    });
                });

                hash = document.location.hash;
                if (hash != '') {
                    $("ul li a[href='" + hash + "']").click();
                }
            });
        </script>
    </head>
    
    <body>
        <ul class="nav nav-pills">
            <li class="active" data-section="#home">
                <a href="#home">Продукты</a>
            </li>
            <li class="" data-section="#about">
                <a href="#about">О компании</a>
            </li>
        </ul>
        <section id="home">FIRST PAGE</section>
        <section id="about">SECOND PAGE</section>
    </body>

</html>

:dance: Всегда поражаюсь. Каждый раз когда обращаюсь на этом форуме, получаю ответ.

Действительно, это из за кэша браузера )))... Извиняйте, если мучил долго.
Спасибо большущее.

Deff 01.03.2013 02:48

:) А пост 20 не подошел ?

Mukhtar 01.03.2013 02:50

:no:
Цитата:

Сообщение от Deff (Сообщение 238093)
:) А пост 20 не подошел ?

;) Честно, может быть и подошел, только я не такой ас ))) как форумчане тут. )))

danik.js 01.03.2013 03:34

9 пост - самый дзен ) . Работает даже с отключеной жабаскриптой ) Хотя кому это интересно )


Часовой пояс GMT +3, время: 08:08.