jQuery - изменить размер <body>до ширины страницы.(зум работает, как я могу уменьшить его тоже?) - PullRequest
0 голосов
/ 18 февраля 2012

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

По сути, у меня есть сайт, который рассчитан на ширину 1280 пикселей.Я использую jQuerytools «вкладки» и «прокручиваемые» плагины, чтобы иметь горизонтальную прокрутку изображения 4000px + с контентом.Конечно, на экране с разрешением 1080p панель с возможностью прокрутки не доходила до обеих сторон экрана.Моим решением был скрипт, который я нашел для увеличения страницы, если ширина была больше 1280 пикселей.

Вот код.

$().ready(function() {
var currentWidth = $(document.body).width();
var targetWidth = 1280; // experiment for your self
var scrollWidth = 10; // need to make it dynamic
// if the screen is not bigger than the target, then don't mess with zooming
if (currentWidth > targetWidth) {
  if (typeof document.body.style.zoom != "undefined")
    document.body.style.zoom = currentWidth / targetWidth;
  else if (typeof document.body.style.MozTransform != "undefined") {
    document.body.style.MozTransformOrigin = "left top";
    document.body.style.MozTransform = 'scale(' + currentWidth / targetWidth + ')';
  }
  else if (typeof document.body.style.WebkitTransform != "undefined")
    document.body.style.WebkitTransform = 'scale(' + currentWidth / targetWidth + ')';

  $(document.body).width(targetWidth - scrollWidth);}})

Это прекрасно работает, но я не могу понять, какуменьшите размер тела до 1280 пикселей.Любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 29 октября 2013

Пара вещей, у jquery есть два способа запуска объекта, готового к документу, один из них

 $(document).ready(function(){

другой сокращенный вариант, с которым я знаком, это

$(function(){

Не рекомендуется использовать синтаксис $().ready. Пожалуйста, проверьте документацию JQuery http://api.jquery.com/ready/

Кроме того, у вас нет закрывающей точки с запятой в конце кода. Вы бы хорошо справились с кратким инструктажем по синтаксису jquery в codeacademy. Я обнаружил, что если один бит кода JQuery имеет плохой синтаксис, DOM не будет загружаться полностью.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...