@tugis

Как сделать ajax меню(без php)?

Как сделать ajax подгрузку контента типа:
$(document).ready(function(){
$('#getContent').click(function(){
$.ajax({
url:  url,
type: post,
cache: false,
beforeSend: function() {
$('#divContent').html('Получаем контент');
},
success: function(html){
$("#divContent").html(html);
}
});
return false;
});
});

<ul id="demo" class="ajaxmenu">
                            <li><a href="page1.php">Page 1</a></li>
                            <li><a href="page2.php">Page2</a></li>
                           <li><a href="page3.php">Page3</a></li>
                            <li><a href="page4.php">Page4</a></li>
   </ul>
<div id="divContent"></div>
  • Вопрос задан
  • 1100 просмотров
Решения вопроса 1
<script type="text/javascript">
    $(document).ready(function(){
        if(window.location.hash) {
            var hash = window.location.hash;
            var page = $(hash).attr('href');
            $("#content").load(page);
        }
        $('a[id*=page]').click(function(event){
            var href = $(this).attr('href');
            var hash = $(this).attr('id');
            $.ajax({
                url: href,
                success: function(data){
                    $("#content").html(data);
                    window.location.hash = hash;
                }
            });
            event.stopPropagation();
            return false;
        });
    });
</script>
<ul>
    <li><a id="page1" href="page1.php">Page 1</a></li>
    <li><a id="page2" href="page2.php">Page 2</a></li>
    <li><a id="page3" href="page3.php">Page 3</a></li>
    <li><a id="page4" href="page4.php">Page 4</a></li>
</ul>
<div id="content"></div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы