Коммутация отображается неправильно при срабатывании клика после просмотра.

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

 $('.switchery:nth(3)').click();

Таким образом, в строке выше, переключаемый четвертый флажок зависит от того, является ли сохраненное состояние истинным или ложным. Это работает без проблем.

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

Когда я щелкнул переключателем переключателя на экране, он показывает это правильно. Только когда я запускаю код для переключения его после просмотра, он показывает неверно.

Посмотрев на CSS, я вижу, что элементы <small> (тот, который отвечает за визуализацию округленного элемента) left: 50px; который заставляет его визуализировать за пределами границ коммутатора (должно быть меньше). Я думаю, что плагин вычислил что-то неправильно, но я понятия не имею, как его решить.

Переключатель rendres внутри приложения phonegap в мобильном режиме KendoUI. Он обернут вокруг элемента li