1

Здравствуйте. Как сделать переход на другую страницу без обновления обшей страницы . Сайт видео хостинг . Как сделать чтобы при клике на видео переход не осуществлялся на другую страницу . Что то типа vube . Смог сделать с помощью toggle,fade но не то как то . Спасибо за внимание .

$(document).ready(function() {

$(".container-fluid").css("display", "none");

$(".container-fluid").toggle('slide');

$(".pm-thumb-fix pm-thumb-14").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $(".container-fluid").toggle(1000, redirectPage, 'slide');
});

function redirectPage() {
    window.location = linkLocation;
}

});
7
  • это делается через history api. Есть еще универсальные библиотеки типа github.com/browserstate/history.js в целом процесс такой - получаете текущий state и на его основе делаете запрос ajax к своему серверу (либо достаете из кэша), как подгрузили, ставите новый контент, например справа от текущего, и скроллите влево.
    – zb'
    18 апр 2014 в 6:01
  • Спасибо за информацию.В целом понятно что нужно использовать ajax. Но именно как не понимаю. Можете показать пример ?
    – fikos
    18 апр 2014 в 6:27
  • там в основном не ajax, а history api, ajax только для получения данных.
    – zb'
    18 апр 2014 в 7:00
  • не понял как сделать . Можете какой нибудь пример показать ? У меня сейчас так при клике ".pm-thumb-fix pm-thumb-14" переходит на другую страницу (watch.php?vid=)
    – fikos
    18 апр 2014 в 7:15
  • я готового примера не нашел, а кодить не хочу, просто делайте типа $('#next').load(url); и сдвигайте его влево, вот и все. здесь я давно писал пример для history.js но там без эффектов.
    – zb'
    18 апр 2014 в 8:14

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.