Перекрыть глобальную переменную при изменении страницы?

@jff · Регистрация: 21.07.2013

Author24 — интернет-сервис помощи студентам

Всем привет! Есть такой код:

Javascript

$(function()
{
var w = $(window).width();//ширина окна при заходе на страницу
 
$(window).resize(function(){
    w = $(window).width();//ширина окна при изменении страницы
            
    });.....

Внимание, вопрос! Как перекрыть глобальную w при изменении страницы ?
Спасибо!

@vovandr · 01.02.2014, 12:35

Переменная при событии resize у вас берется из внешней функции и меняется при изменении размера окна.

@jff · 01.02.2014, 13:21 **[ТС]**

vovandr, если - бы!

У меня не меняется! Внешняя ф-ция это Вы про ready?
После resize вывожу w в $('footer').html(w); и получаю начальное значение , которое при заходе на страницу. А нужно, как Вы пишите - при изменении размера окна менять значение.

@vovandr · 01.02.2014, 14:00

А весь код можете показать с выводом?

Добавлено через 7 минут
Скорее всего я догадываюсь в чем проблема...У вас вероятно часть кода находится внутри события готовности документа, а при ресайзе вы меняете переменную w. Тут надо понимать, что сама переменная на самом деле меняется и переопределяется, но чтобы в вашем футере она принимала уже новое значение этот вывод надо заново проинициализировать. Что-то типа такого:

Javascript

$(function()
{
var w = $(window).width();//ширина окна при заходе на страницу
 
$(window).resize(function(){
    w = $(window).width();//ширина окна при изменении страницы
     init(); // инициализируем опять при событии ресайза при этом переменную ф-я init будет брать из замыкания
    });
 
 function init(){
  $('footer').html(w); 
 }
 init(); // инициализируем при загрузке
 
});

@jff · 01.02.2014, 14:23 **[ТС]**

это и есть весь код(что касается переменной w). Без остальных ф-ций это вот так:

Javascript

$(function()
{
    var w = $(window).width();
        if (w > 700) 
            var arrPref = 'big';
        else
            var arrPref = 'small';      
 
          $(window).resize(function(){
                 w = $(window).width();
                    if (w > 700) 
                var arrPref = "big";
            else
                var arrPref = 'small';
                
            return arrPref;
 
          });//resize   
 
   $('footer').html(arrPref);
 
});end ready

дальше передаю эту arrPref как параметр

Добавлено через 8 минут

Сообщение от vovandr

Тут надо понимать, что сама переменная на самом деле меняется и переопределяется

это понимаю, (наверное

). А можно сделать чтобы var w была результатом init() ? Типа вот так

Javascript

1	var w = init();

@vovandr · 01.02.2014, 14:27

Javascript

 $(function() {
 
        var w = $(window).width();
 
        function getSize(){
          var arrPref =  w > 700 ? 'big' : 'small' ;
          $('footer').html(arrPref);
        }
 
        $(window).resize(function(){
            w = $(window).width();
            getSize();
        });
        
        getSize();
   
});

@jff · 01.02.2014, 14:34 **[ТС]**

вот пробую:

Javascript

$(window).resize(function(){
            w = $(window).width();//ширина окна при изменении страницы
             init(); // инициализируем опять при событии ресайза при этом переменную ф-я init будет брать из замыкания
            });
         
         function init(){
           w = $(window).width();
        }
         var w = init(); 
         $('footer').html(w);

вообще глухо ,нет даже глобальной!

@vovandr · 01.02.2014, 14:38

jff вот не понятно, я вам сделал один скрипт, а вы юзаете свой (неверный)

@jff · 01.02.2014, 14:46 **[ТС]**

Сообщение от vovandr

$(function() {
var w = $(window).width();
function getSize(){
* * * * * var arrPref = *w > 700 ? 'big' : 'small' ;
* * * * * $('footer').html(arrPref);
* * * * }
$(window).resize(function(){
* * * * * * w = $(window).width();
* * * * * * getSize();
* * * * });
getSize();
});

Все здорово! Работает,но! КАК мне получить arrPref в глобальную область в-сти ?
Извините , уже наверное достал Вас.

Добавлено через 1 минуту

Сообщение от vovandr

jff вот не понятно, я вам сделал один скрипт, а вы юзаете свой (неверный)

это я не увидел Ваш ответ,бывает

@vovandr · 01.02.2014, 15:01

Сообщение от jff

Все здорово! Работает,но! КАК мне получить arrPref в глобальную область в-сти ?

Javascript

$(function() {
 
        var w = $(window).width(),
              arrPref; // arrPref теперь глобальная
 
        function getSize(){
          arrPref =  w > 700 ? 'big' : 'small' ;
          $('footer').html(arrPref);
        }
 
        $(window).resize(function(){
            w = $(window).width();
            getSize();
        });
        
        getSize();
   
});

@jff · 01.02.2014, 15:22 **[ТС]**

vovandr, похоже ввел Вас в заблуждение - строка $('footer').html(arrPref); нужна для того чтобы видеть,есть результат или нет. Задача другая - получить arrPref в глобальную видимость кода,нужна для ф-ции как параметр. Но вызвать эту ф-цию из getSize нельзя -lдля нее есть еще параметр который меняется. Подскажите пож-та как получить arrPref ? Вот так получаю

Javascript

1 2	var a = getSize(); $('footer').html(a);

но вновь значение не реагирует на resize

Добавлено через 1 минуту
опять прозевал Ваш ответ , погодите попробую

Добавлено через 3 минуты
[quote="vovandr;5724638"]arrPref теперь глобальная

но она не реагирует на resize, такие дела

@vovandr · 01.02.2014, 15:52

но она не реагирует на resize, такие дела

код в студию

Добавлено через 28 минут

Javascript

$(function() {
 
         var arrPref, // arrPref теперь глобальная
               w;
        function getSize(){
          w = $(window).width();
          arrPref =  w > 700 ? 'big' : 'small' ;
          $('footer').html(arrPref);
        }
 
        $(window).resize(function(){
            w = $(window).width();
            getSize();
        });
        
        getSize();
   
});

Теперь по-любому должна реагировать, а просто не вижу как вы проверяете

@jff · 01.02.2014, 16:21 **[ТС]**

чтобы наверняка

- нужно чтобы при изменении окна браузера arrPref менялась (динамически - правильное слово?)

Javascript

$(function()
{       
 
 
         var some  = new Array(
             "Some/1.jpg",
             "Some/2.jpg",
             "Some/3.jpg"
            );
 
         var moto  = new Array(
             "Moto/moto1.jpg",
             "Moto/moto2.jpg",
             "Moto/moto3.jpg"
            );
 
 
        /////////////////////
         
        var w = $(window).width(),
        arrPref; // arrPref теперь глобальная
 
        function getSize(){
          arrPref =  w > 700 ? 'big' : 'small' ;
          $('footer').html(arrPref);
        }
 
        $(window).resize(function(){
            w = $(window).width();
            getSize();
        });
        
        getSize();
 
        //////////////////////
        
        var i = 0;
        /*
        var w = $(window).width();
        if (w > 700) 
            var arrPref = 'big';
        else
            var arrPref = 'small';      
 
          $(window).resize(function(){
                 arrPref = $(window).width();
                    if (arrPref > 700) 
                 arrPref = "big";
            else
                 arrPref = 'small';
                
            return arrPref;
 
          });//resize   
 
   $('footer').html(arrPref);*/// это моя старая версия
 
        /*здесь выбираем массив,согласно нажатой ссылке*/
        /////////////////////////////  
        $('a').click(function(){
            var id = $(this).attr('id');
            if (arrPref == 'big') {
                switch(id){
                    case "some":
                     array = some
                     break;
 
                     case "moto":
                     array = moto;
                     break;
                }
                     forImg(array,arrPref);// вот вызов ЭТОЙ функции
 
 
            } else{
 
                switch(id){
                    case "some":
                     array = some
                     break;
 
                     case "moto":
                     array = moto;
                     break;
                }
                     forImg(array,arrPref);// вот вызов ЭТОЙ функции
            };
            
 
        });
 
        //////////////////////////////
        forImg(array=some,arrPref);// вот вызов ЭТОЙ функции
        function forImg(array,arrPref){
            $('img').attr({'src':arrPref+array[i]});//меняем путь подставляя arrPref
        }
            //переключаем картинку и анимация
        $('#left').click( function () {         
          $('#left').attr('disabled','disabled');
          i--;
          if (i < 0) i = array.length - 1;
          $('img').animate({
                opacity: 0.2,
            }, 1000, 'linear', function() {
                  $(this).animate({opacity:'1'},"slow");
                  $('img').attr({'src':arrPref+array[i]});//меняем путь подставляя arrPref
                  $('#left').removeAttr('disabled'); 
                  // $(this).after('<div>Конец анимации.</div>');
            });
        });
 
         $('#right').click( function () {
         $('#right').attr('disabled','disabled');
          i++;
          if (i == array.length) i = 0;
            $('img').animate({
                        opacity: 0.2,
                  }, 1000, 'linear', function() {
                        $(this).animate({opacity:'1'},"slow");
                        $('img').attr({'src':arrPref+array[i]});//меняем путь подставляя arrPref
                        $('#right').removeAttr('disabled'); 
                        // $(this).after('<div>Конец анимации.</div>');
            });
          });
 
        
 
        
 
             
        
});

Добавлено через 9 минут

Сообщение от vovandr

Теперь по-любому должна реагировать, а просто не вижу как вы проверяете

- боюсь неверно объяснил - попробуйте вызвать

Javascript

1	$('footer').html(arrPref);

ВНЕ ФУНКЦИИ - имеем значение которое получено при заходе на страницу. Нужно при изменении размеров окна менять arrPref постоянно! Как-то так

@vovandr · 01.02.2014, 16:35

ВНЕ ФУНКЦИИ - имеем значение которое получено при заходе на страницу. Нужно при изменении размеров окна менять arrPref постоянно!

Вынесите за пределы arrPref, w и всё. Но тут стоит заметить, что ваш код отрабатывает на ready, поэтому скрипт вызываемый вне этой функции должен будет располагаться песле всего вашего html. А вообще имхо если вам такое понадобилось вы явно что-то перемудрили

Хотя могу ошибаться

@jff · 01.02.2014, 16:43 **[ТС]**

Сообщение от vovandr

Вынесите за пределы arrPref, w

- извините снова я! за пределы чего? пож-та чуть подробнее...

Добавлено через 2 минуты

Сообщение от vovandr

такое понадобилось

Вы о чем ? может действительно подскажите лучший путь ?

@vovandr · 01.02.2014, 16:56

Вот опять, у меня w внутри getSize у вас же нет!!! и как тут быть то? вы издеваетесь или тролите?

Добавлено через 8 минут
И проверьте ваш код на ошибки, консоль здесь выдает ошибку:

Javascript

1
2
3

function forImg(array,arrPref){
            $('img').attr({'src':arrPref+array[i]});//меняем путь подставляя arrPref
        }

@jff · 01.02.2014, 17:17 **[ТС]**

Javascript

[quote="vovandr;5724737"]$(function() {
var arrPref, // arrPref теперь глобальная
* * * * * * * *w;
* * * * function getSize(){
* * * * * w = $(window).width();
* * * * * arrPref = *w > 700 ? 'big' : 'small' ;
* * * * * $('footer').html(arrPref);
* * * * }
$(window).resize(function(){
* * * * * * w = $(window).width();
* * * * * * getSize();
* * * * });
getSize();
});[/quote]

это Ваш код , я его скопировал и вставил

. поэтому все переменные на месте - как Вы писали. Ошибок в хроме не выдает.

Добавлено через 2 минуты

Сообщение от vovandr

вы издеваетесь или тролите?

нет и еще раз нет!

@vovandr · 01.02.2014, 17:20

нет и еще раз нет!

Хорошо. Ошибку про которую я написал пофиксили?

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	01.02.2014, 17:20	18
	нет и еще раз нет! Хорошо. Ошибку про которую я написал пофиксили? 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	01.02.2014, 12:35	2
	Переменная при событии resize у вас берется из внешней функции и меняется при изменении размера окна. 0

@jff 0 / 0 / 0 Регистрация: 21.07.2013 Сообщений: 20
	01.02.2014, 13:21 [ТС]	3
	vovandr, если - бы! У меня не меняется! Внешняя ф-ция это Вы про ready? После resize вывожу w в $('footer').html(w); и получаю начальное значение , которое при заходе на страницу. А нужно, как Вы пишите - при изменении размера окна менять значение. 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	01.02.2014, 14:38	8
	jff вот не понятно, я вам сделал один скрипт, а вы юзаете свой (неверный) 0

@jff 0 / 0 / 0 Регистрация: 21.07.2013 Сообщений: 20
	01.02.2014, 14:46 [ТС]	9
	Сообщение от vovandr $(function() { var w = $(window).width(); function getSize(){ * * * * * var arrPref = w > 700 ? 'big' : 'small' ; * * * * $('footer').html(arrPref); * * * * } $(window).resize(function(){ * * * * * * w = $(window).width(); * * * * * * getSize(); * * * * }); getSize(); }); Все здорово! Работает,но! КАК мне получить arrPref в глобальную область в-сти ? Извините , уже наверное достал Вас. Добавлено через 1 минуту Сообщение от vovandr jff вот не понятно, я вам сделал один скрипт, а вы юзаете свой (неверный) это я не увидел Ваш ответ,бывает 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	01.02.2014, 16:35	14
	ВНЕ ФУНКЦИИ - имеем значение которое получено при заходе на страницу. Нужно при изменении размеров окна менять arrPref постоянно! Вынесите за пределы arrPref, w и всё. Но тут стоит заметить, что ваш код отрабатывает на ready, поэтому скрипт вызываемый вне этой функции должен будет располагаться песле всего вашего html. А вообще имхо если вам такое понадобилось вы явно что-то перемудрили Хотя могу ошибаться 0

@jff 0 / 0 / 0 Регистрация: 21.07.2013 Сообщений: 20
	01.02.2014, 16:43 [ТС]	15
	Сообщение от vovandr Вынесите за пределы arrPref, w - извините снова я! за пределы чего? пож-та чуть подробнее... Добавлено через 2 минуты Сообщение от vovandr такое понадобилось Вы о чем ? может действительно подскажите лучший путь ? 0