2012-04-27 3 views
2

Я использую turn.js для эффекта перелистывания страницы, и он не очень хорошо работает на IE7/IE8 (загрузите веб-сайт в режиме IE7, и вы можете видеть сам).Поддержка turn.js в старых браузерах

Каков наилучший способ поддержки старых браузеров, сохраняя при этом прохладный перелистывание страниц в современных браузерах? (Примечание: мне не нужны горячие углы на IE, так как у меня также есть специальные ссылки для стрелок, которые переворачивают страницу с помощью Javascript, аналогично демонстрации turn.js.)

+0

Вы можете использовать jQuery [$ .support] (http://api.jquery.com/jQuery.support/) и [$ .browser] (http://api.jquery.com/jQuery.browser/) для проверки определенных типов функций или браузеров. 'if ($. browser.msie && $ .browser.version <= 8)' - здесь мы обнаруживаем MSIE и все, что не является IE 9. Режим Quirks вызывает ложь в $ .support, поэтому мы можем только обнаружить старые браузеры через этот метод для IE. – Ohgodwhy

+0

@Ohgodwhy: Я не спрашиваю, как обнаружить браузер; Я ищу наилучшую практику с turn.js о том, как отступить изящно после обнаружения IE 7/8. –

ответ

1

У вас есть образец того, как вы применяете turn.js? Как и в, у вас есть ссылка или как ваша страница структурирована? Это хорошее место для начала.

Подробнее о том, что вы обнаружите более старый браузер: это несколько изящно, если вы обнаружите более старый браузер: некоторые из них имеют больше смысла, чем другие, в зависимости от того, какая часть сайта уже выполнена. Во-первых, как выглядит сайт с полностью отключенным Javascript? Я знаю, что это не так для IE7/8, но начинайте там. Может ли он использоваться без каких-либо JS? Если ответ «нет», подумайте о способах ответа на этот вопрос «да», если сможете. Это всегда хороший вопрос, когда вы думаете о том, как обращаться с более старыми браузерами.

Если вы на раннем этапе программирования сайта или контент четко изложен, вы можете обойти ограничения старых браузеров. Практика I попробуйте, чтобы следить за дизайном сайта без JS или с минимальным возможным, а затем программным обеспечением для функции «свист и стук».

В вашем случае я бы предложил что-то в соответствии с: если вы обнаружите IE7/8 (или мобильные браузеры, которые могут не соответствовать нюханию и т. Д.), То загрузите в дополнительную таблицу стилей с правилами, которые дают ваш контент как большая часть ощущения «оригинала», как вы можете. Затем, чтобы JS для более старых браузеров отображал/скрывал страницы содержимого, а не перебрасывал страницы - это может быть достигнуто с помощью некоторых divs слева и справа, которые перемещают страницу, а затем отслеживают текущую страницу и возможные страницы (есть ли перед этой страницей? после этой страницы?), чтобы показать/скрыть навигационные div. turn.js просто выглядит как причудливая анимация для одного и того же, поэтому вы должны сказать: «Эй, этот браузер IE 7 или IE 8 - так что давайте не будем инициализировать turn.js и просто перейдем на страницу предыдущая и следующая страница divs. "

+0

Спасибо за вашу помощь, но оказалось, что более быстрое решение было «использовать wowBook ​​вместо». :П –