Конфликт JS между пользовательским виджетом и элементом календаря формыJquery

Программирование на jquery
Ответить
Anonymous
 Конфликт JS между пользовательским виджетом и элементом календаря формы

Сообщение Anonymous »

Я создал виджет для добавления пользовательского вопроса в исходный код из формы, созданной с помощью конструктора форм перетаскивания (jotform), и он работает внутри простой формы.
Однако , когда я добавляю элемент календаря jotform, календарь не работает, а кнопка «Далее:» отключена, поэтому форма не переходит на следующую страницу (где я хотел бы сохранить свой виджет).
Весь код можно просмотреть в онлайн-редакторе кода. по ссылкам ниже.
Форма 1 работает — https://jsfiddle.net/FiddlerMMM/kne5071s/
Форма 2 не работает — https://jsfiddle.net/FiddlerMMM /kne5071s/1/
Похоже, проблема связана с включением этого скрипта в форму календаря: по сравнению с форма, которая работает.
В календаре также реализована следующая логика JavaScript:

Код: Выделить всё

JotForm.calendarMonths = ["January","February","March","April","May","June","July","August","September","October","November","December"];
if (!JotForm.calenderViewMonths) JotForm.calenderViewMonths = {}; JotForm.calenderViewMonths[6] = ["January","February","March","April","May","June","July","August","September","October","November","December"];
if (!JotForm.calenderViewDays) JotForm.calenderViewDays = {}; JotForm.calenderViewDays[6] = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
JotForm.calendarDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
JotForm.calendarOther = {"today":"Today"};
var languageOptions = document.querySelectorAll('#langList li');
for(var langIndex = 0; langIndex < languageOptions.length; langIndex++) {
languageOptions[langIndex].on('click', function(e) { setTimeout(function(){ JotForm.setCalendar("6", false, {"days":{"monday":true,"tuesday":true,"wednesday":true,"thursday":true,"friday":true,"saturday":true,"sunday":true},"future":true,"past":true,"custom":false,"ranges":false,"start":"","end":"","countSelectedDaysOnly":false}); }, 0); });
}
JotForm.onTranslationsFetch(function() { JotForm.setCalendar("6", false, {"days":{"monday":true,"tuesday":true,"wednesday":true,"thursday":true,"friday":true,"saturday":true,"sunday":true},"future":true,"past":true,"custom":false,"ranges":false,"start":"","end":"","countSelectedDaysOnly":false}); });
Я безуспешно пытался изменить код виджета. Я думаю, что использование iframe может помочь, но я застрял на этом. Как устранить эту ошибку или обойти ее? Если есть способ изменить код моего виджета, это было бы идеально.

Подробнее здесь: https://stackoverflow.com/questions/792 ... ar-element
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»