простое затухание с помощью jquery, оно того стоит?

Question

Я прочитал все ваши ответы и пришел к выводу, что все это плохая идея.Большое спасибо, несколько страниц намного проще в любом случае.

Я создаю веб-сайт и не хочу, чтобы страница обновлялась.Моя идея состояла в том, чтобы у меня было 3 разных элемента одинакового размера с постепенным увеличением и уменьшением в зависимости от навигационной ссылки, выбранной пользователем.

Пример кода: (#about - это div nav, а #about_main - основной div и т. Д.)

$('#about a').click(function() {
    $('#portfolio_main, #contact_main').fadeOut('fast', function() {
        $('#about_main').delay(405).fadeIn();
    });
});

//hide all divs that ren't on portfolio link
$('#portfolio a').click(function() {
    $('#about_main, #contact_main').fadeOut('fast', function() {
        $('#portfolio_main').delay(405).fadeIn();
    });
});

$('#contact a').click(function() {
    $('#about_main, #portfolio_main').fadeOut('fast', function() {
        $('#contact_main').delay(405).fadeIn();
    });

});

Это проблема, так как вы можете нажать на $('#about a') 100 раз, и он выстрелит 100x.Кроме того, если я быстро нажму на многие a tags, элементы div будут испорчены.

Пример: Мой сайт

Как я могу получить его, чтобы он выцветалвходить и выходить легко и красиво?Есть ли способ отменить привязку, когда пользователь уже нажал на нее?Есть ли более простой способ сделать это?

Answer 1

Хотя я согласен с Робертом, что вы не должны этого делать, однако, если вы вынуждены это сделать, вы можете проверить этот пример здесь: http://jsfiddle.net/xWu3C/2/

Я не перенес ваши стили иливсе что угодно, но принцип тот же.

Answer 2

Сегодня я столкнулся с подобной проблемой. Я пришел к выводу, что иногда эффектные эффекты, хотя и привлекательны, просто не подходят. Особенно для чего-то большего, чем то, к чему вы применяете эффекты. Я бы просто перенаправил на другую страницу.

Я не уверен, какой язык на стороне сервера вы используете, но ваша страница может быть легко разделена на разделы, чтобы вы могли повторно использовать верхний и нижний колонтитулы, то есть главные страницы Asp.net.

Answer 3

Оставляя в стороне очевидный вопрос о целесообразности организации вашего сайта таким образом - во-первых, вы можете установить фиксированную высоту для своего контейнера, чтобы вы не получали эффект прыжка между переходами.

Что касается перекрывающихся анимаций, вы должны взглянуть на .stop()

Answer 4

Заголовок этого вопроса спрашивает "стоит ли оно того?"поэтому я рассмотрю это, а не «как» в теле вопроса.Ответ: нет, пожалуйста, не ломайте интернет.