jQuery - объявление переменной внутри функции останавливает разбор

Question

Я столкнулся с ошибкой, которую я не могу понять. Объявление переменной внутри функции приводит к тому, что остальная часть скрипта не выполняется. Возьмем рабочий пример ниже:

http://jsfiddle.net/nkcokmaq/1/

Однако, если добавить:

var square_size = $('#grid_container').width()/input - 2; 

Under:

var makeGrid = function(opt){ 
    if (opt >= 1 && opt <= 128){ 
     ... 

Условный, если оператор по функции makeGrid не будет выполнять (но инструкция else еще будет) - как в jsfiddle ниже:

http://jsfiddle.net/nkcokmaq/2/

Любые указатели?

Answer 1

Here Ваш рабочий пример. Были ошибки js, которые мешают его выполнению.

удалить OnClick обработчики из кнопках

<button id="b1">Black</button> 
<button id="b2">Multicoloured</button> 

Добавить Jquery ссылку и добавить обработку щелчка.

$("#b1").click(function(e){clickButton(1)}); 
$("#b2").click(function(e){clickButton(2)}); 

То же самое со второй скрипкой. Добавьте поддержку jq, определите переменную input в функции makeGrid.

Answer 2

Переменный input не определен. Вы можете либо присвоить значение input, такие как:

var input = 1; 

Или использовать другую переменную для вычисления, например, opt:

var square_size = $('#gridContainer').width()/opt - 2; 

http://jsfiddle.net/nkcokmaq/3/