Показать сообщение отдельно
  #8 (permalink)  
Старый 27.06.2013, 20:07
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<div id="home-button" class="button" data-page="home">
Первая страница
</div>
<div id="about-button" class="button" data-page="about">
Вервая страница
</div>
<div id="contact-button" class="button" data-page="contact">
<script>
    var baseUrl = '/mypages/';
    function loadPage(page) {
        // тут в page будет алиас страницы: home | about | contact
        var url = baseUrl + page + '.html'; // получаем урл типа /mypages/about.html
        $('#content').load(url)/*...*/;
    }

    $('.button').click(function(){
        loadPage($(this).data('page'));
    })
</script>
Ответить с цитированием