показывать содержимое каждой страницы при нажатии на ссылку

0

Ниже приведен пример, показывающий содержимое другого div при нажатии кнопки.

Fidddle: http://jsfiddle.net/teddyrised/NHtvM/15/

Вместо div, я хочу отображать содержимое другой страницы при нажатии ссылки. Не должно быть полосы прокрутки.

Верхний и нижний колонтитулы должны оставаться фиксированными. как это сделать?

JS:

$(function () {
    // Scroll to function
    function scrollTo(ele) {
        $("html, body").animate({
            scrollTop: $(ele).offset().top - $("header").outerHeight()
        });
    }

    // Detect location hash
    if (window.location.hash) {
        scrollTo(window.location.hash);
    }

    // Detect click event
    $("header a[href^='#']").click(function (e) {
        var target = $(this).attr("href");
        scrollTo(target);
        e.preventDefault();
    });
});
  • 0
    Вы можете просто показать / скрыть div
Теги:

1 ответ

1
Лучший ответ

Если содержимое загружено, вы можете скрыть-показать, что вам нужно. Если по странице вы имеете в виду внешнюю страницу, вы можете вызвать ресурс с помощью ajax-вызова:

    $.ajax({
        url: "http://fiddle.jshell.net/user/login/",
        context: document.body
    }).done(function(data) {
        target.html(data);
        scrollTo(target);
    });

http://jsfiddle.net/2LCM4/

  • 0
    спасибо, но я не хочу показывать полосу прокрутки на странице. а также за один раз должен появиться контент только одной страницы. Каждый из них должен казаться независимым и изолированным

Ещё вопросы

Сообщество Overcoder
Наверх
Меню