jQuery Глобальные переменные недоступны по функциям

Question

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

Вот часть моего кода:

$(document).ready(function(){ 

parentWidth = $(this).parent().width();  // parent width in pixels 
margin = parentWidth/100;    // pixel equivalent of a 1% margin 
border = 6;     // 6px total border for each input field 


    $(".element.twoinone input").each(function() { 
     $(this).css('width', 
      (((parentWidth - (margin * 2)) - (border * 2))/2) 
      + 'px'); 
    }); 
}); 

parentWidth, маржинальные и пограничные переменные не доступны в «» каждой функции (которая у меня есть кратное). Я пробовал использовать live(), livequery(), .. и т. Д., Но без кубиков. Я знаю его, вероятно, что-то простое, что этот noob не замечает .. так что любая помощь очень ценится !! Спасибо! Кроме того, если у вас есть какой-либо вход на вычисление ширины в процентах основаны на родительские контейнерах ширина и учет для каждых элементы границы, краев и QTY, .. я все уши: D

UPDATE не это : $ (документ) .ready (функция() {

parentWidth = $(this).parent().width();  

    $(".element.twoinone input").each(function() { 
     $(this).css('width', 
      (((parentWidth - (margin * 2)) - (border * 2))/2) 
      + 'px'); 
    }); 
}); 

То же самое, как это:

$ (документ) .ready (функция() {

$(".element.twoinone input").each(function() { 
     $(this).css('width', 
      ((( $(this).parent().width()  - (margin * 2)) - (border * 2))/2) 
      + 'px'); 
    }); 
}); 

Answer 1

Когда вы объявляете это:

parentWidth = $(this).parent().width(); 

Вы не получаете ширину родителя этого элемента (<input>), он использует document для this, так как это контекст вы» re. Вы должны получить ширину внутри функции, либо внутри каждого, либо как плагин, но не «глобально», как это.

Answer 2

parentWidth не является глобальной переменной, которая существует в функции document.ready, но не является глобальной переменной для любой функции.

За исключением, если вы объявили эту переменную перед document.ready:
Что-то вроде этого:

var parentWidth; 
$(document).ready(function(){ 
parentWidth = $(this).parent().width(); 
.... 

То же самое с другими 2-х переменных.

Answer 3

Попробуй положить переменные вне $(document).ready()