Это не позволяет мне выбирать кнопки, если JavaScript находится в $ (document) .ready функция

Question

У меня есть два куска кода в Jsfiddle. Один работает, а другой нет.

Теперь, что происходит, пользователь нажимает на ссылку (Открыть сетку) и выбирает кнопку, затем в текстовом поле выбирает количество кнопок, которые пользователь хочет выбрать. Затем под текстовым полем находятся кнопки, где пользователь выбирает количество кнопок, которое соответствует числу в текстовом поле (если выбрано больше кнопок, появится предупреждение. Теперь это работает в Jsfiddle (нажмите здесь ).

Но это не работает в этом jsfiddle (нажмите здесь ). Теперь единственное различие между кодом состоит в том, что в нерабочем JsFiddle javascript находится в $(document).ready (function () {, а другой jsFiddle - нет. Но мне нужен $ (document) .ready (function () {, потому что если нет, то кнопки, которые должны появиться под текстовым полем, не появились бы (это появилось бы в jsFiddle, но не в моем приложении, поэтому мне нужен $(document).ready (function () { .

Итак, что нужно сделать, чтобы я мог выбирать кнопки под текстовым полем, но у меня все еще может быть JavaScript в $ (document) .ready (function () {`.?

Спасибо

Answer 1

Вы объявляете btnclick внутри функции: она не видна в глобальной области видимости.

Переместите функции из функции готовности к DOM и определите currenttotal; кажется, работает тогда.

скрипка

Answer 2

Функции должны выходить за пределы $ (document) .ready (). Обработчики событий могут идти внутрь.