Форум PHP программистов > Не получается начать работу с pjax

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Не получается начать работу с pjax

protectedfor

24.12.2014 - 22:47

Здравствуйте, никак не получается начать работу с библиотекой pjax (https://github.com/defunkt/jquery-pjax), вот мой код, сделал все как в документации:


<?php header('Content-type:text/html;charset=utf-8'); ?>
<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/jquery.pjax.js"></script>
    </head>
    <body>
        <h1>My Site</h1>
        <div class="container" id="pjax-container">
            Go to <a href="?page=2">next page</a>.
        </div>
    </body>
    <script>
        $(document).pjax('a', '#pjax-container')
    </script>
</html>
<?php
if (isset($_SERVER['HTTP_X_PJAX'])) {
    echo 'Контент загружен через ajax!';
}
?>

НО все равно страница заново перегружается и никакого ajax запроса нет!

AlmazDelDiablo

24.12.2014 - 23:49

Инициализацию слушателя pjax поднимите наверх страницы.

_____________
Блог | VK | GitHub | Twitch

inpost

25.12.2014 - 00:52

protectedfor
Помести в onload или document.ready

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

volter9

25.12.2014 - 00:54

Цитата (protectedfor @ 24.12.2014 - 22:47)


<?php header('Content-type:text/html;charset=utf-8'); ?>
<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/jquery.pjax.js"></script>
    </head>
    <body>
        <h1>My Site</h1>
        <div class="container" id="pjax-container">
            Go to <a href="?page=2">next page</a>.
        </div>
    </body>
    <script>
        $(document).pjax('a', '#pjax-container')
    </script>
</html>
<?php
if (isset($_SERVER['HTTP_X_PJAX'])) {
    echo 'Контент загружен через ajax!';
}
?>

НО все равно страница заново перегружается и никакого ajax запроса нет!

<script>
        $(document).pjax('a', '#pjax-container')
    </script>

на:

<script>
	$(document).ready(function () {
		$(document).pjax('a', '#pjax-container')
	});
</script>

_____________
Мой блог

Быстрый ответ:

Здесь расположена полная версия этой страницы.