Пользовательский интерфейс roundslider работает неправильно из-за файла ionic.bundles.js в приложении для Android

Question

Я много искал по этой теме, но не смог найти ответа. Я ионный, чтобы построить приложение для Android. Я использовал компонент круглого скольжения от www.roundsliderui.com. Хотя весь круглый слайдер полностью работает, но ввод текста прямо в середине круглого слайдера не работает в ионном режиме. Я выяснил, что скрипт ionic.bundles.js в ионном приложении вызывает проблемы. Если я удаляю этот скрипт, roundslider работает нормально.

Любой совет, почему этот скрипт вызывает проблемы?

Спасибо

Answer 1

Я была такая же проблема. Вы должны отключить функцию крана.

http://ionicframework.com/docs/api/page/tap/

"В некоторых случаях сторонние библиотеки могут также работать с сенсорными событиями, которые могут мешать работе системы тапов. Например, в библиотеках картографирования, таких как Google или Leaflet Maps, часто используется система обнаружения касаний, которая конфликтует с системой тапок Ionic".

<div data-tap-disabled="true">
    //Your Round Slider here...
</div>

Я надеюсь, что это помогает.

Answer 2

Существует конфликт между файлами roundsliderui и ionic
прочитайте эту статью, это поможет вам

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