Javascript прекрасно работает в codepen но после интеграции в Wordpress выдает NaN, что не так?

Question

[Svmaks]

Здравствуйте.
Подготовил скрипт "калькулятор товара для сайта" на jQuery. Проверяю на codepen все работает. Переношу в wordpress, скрипт срабатывает но выдает NaN.
HTML и CSS подключаю через шоркод, JS подключаю из файла.
jQuery запускается раньше, вместе с ContactForm 7
Ссылка на codepen: https://codepen.io/svmaks/pen/xyEpJb
Прошу подсказать что не так, почему в codepen все работает а в wordpress выдает NaN?

Comments

[alex-1917]

в консольке ответ смотри. дело говорю.

[Андрей К]

Нужно удалить WordPress и все будет ок!

Answer 1

[lamer350]

$('input:checkbox:checked').each(function(){ ...
Вам нужно конкретизировать лучше к каким input вы обращаетесь, из за того что у вас есть CF7 - ваш скрипт берет в оборот и все input от CF7 в том числе, отсюда и ошибка.

Comments

[alex-1917]

вряд ли у него там чекбоксы еще есть именно в формах CF7, ну фифти-фифти.. так что на решение не тянет)))

[lamer350]

alex-1917, другой проблемы быть не может, скрипт рабочий
чекбокс есть даже в стандартной форме после установки плагина

[Владимир]

alex-1917, даже если на решение не тянет, перебирать все чекбоксы не ограничивая выборку, например, классом родителя - идиотская затея, мягко говоря.

[Svmaks]

Спасибо большое. Действительно checkbox заменил на radio и все заработало.

[Svmaks]

Владимир признаю, что есть идиотские вещи, опыта несколько месяцев. Зелен еще как солдат до присяги.
Подскажите, не совсем понял про выборку, как правильно?

[lamer350]

Svmaks, Вам нужно в той строке где я указал уточнить выборку, например добавив ID div родителя, в котором у вас находится калькулятор, тоисть #content_1 input:checkbox:checked
Но в вашем случае можно еще проще написать, так как у каждого чекбокса калькулятора вы используете один и тот же класс calkulator
Тогда точная выборка у вас будет: .calkulator:checked

[Svmaks]

lamer350, спасибо.

Answer 2

[Владимир]

Есть девелопер тулс в хроме и лисе, поставь точки останова и посмотри. Ты даёшь ссылку на рабочий кодепен, что бы тебе диагностировали поломанный ВордПресс. Странная затея.