Использование .load () с fadeIn () для замены содержимого - PullRequest
2 голосов
/ 08 мая 2011

Хорошо, я попробовал несколько разных подходов, ни один из которых мне не понравился, поэтому я пришел спросить.

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

Я довольно новичок в Javascript, но нашел вещь .replaceWith (). Теперь я делал разные маневры с источником, но просто не мог заставить его работать. Я попытался с помощью .click () выполнить .replaceWith () и заставить его заменить fadeOut () текущий контент, а fadeIn () - новый.

В одном из написанных мной кодов он успешно заменил контент на выцветание, но когда пользователь щелкнет второй раз по навигационной ссылке, контент будет удвоен и утроен.

Какой лучший способ сделать плавный # заменяющий контент эффект постепенного исчезновения?

1 Ответ

1 голос
/ 08 мая 2011

Сначала нужно спрятать его, иначе fadeIn не будет иметь никакого эффекта.

Живой пример .

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

...