Складной в jquery mobile не работает в веб-просмотре Android, но работает в скрипаче

Я создал сворачиваемый раздел в fiddler с помощью jquery mobile, который отлично работает, и весь раздел сворачивается https://jsfiddle.net/ashishrawat/cduhkLm0/

However when i take the same page and display it in webview, it doesn't work. I have inspected it in chrome and I get the same element(html) as jsfiddle, excluding the header, also there is no error in console. 
My page rendering code in android is pretty standard
    webView.addJavascriptInterface(
                        inspectView.new SurveyJSInterface(), "HTMLOUT");
                //webView.loadUrl(mSurveyUrl);
                //webView.loadDataWithBaseURL("file:///android_asset/", fileContent, "text/html", "UTF-8", null);
                webView.loadDataWithBaseURL("file:///android_asset/index.html", fileContent, "text/html", "UTF-8", null);
                webView.setInitialScale(1);
                webView.getSettings().setSaveFormData(true);
                webView.getSettings().setLoadWithOverviewMode(true);
                webView.getSettings().setUseWideViewPort(true);

Раздел заголовка $(document).bind('mobileinit',function(){ $.mobile.pushStateEnabled = false; });

Единственная разница, которую я мог видеть, заключается в том, что скрипач использует jquery 1.4.4, а я локально использую 1.4.5. Однако я не думаю, что это имеет значение. Пожалуйста, предложите!


person Ashish Rawat    schedule 21.10.2015    source источник
comment
Как выглядит ваш index.html? Ты используешь? ‹метаимя=содержимое области просмотра=ширина=ширина устройства, начальный масштаб=1,0, максимальный масштаб=1,0, масштабируемый пользователем=нет /›   -  person mika    schedule 21.10.2015
comment
Index.html показывает только javascripts ... файл элемента содержит метатеги в заголовке ..., которые я вставил в основной вопрос, поскольку этот комментарий имеет ограничение на количество символов. Пожалуйста, предложите   -  person Ashish Rawat    schedule 22.10.2015
comment
Убедитесь, что ваши библиотеки (JQuery) загружаются правильно, возможно, использование протокола file:// вызывает ошибки безопасности. Попробуйте добавить изображение рядом с вашим index.html и попробуйте загрузить его на страницу, чтобы увидеть, отображается ли оно.   -  person mika    schedule 22.10.2015
comment
да, я попытался окружить div тегом h1, чтобы увидеть, работает ли jquery, и это сработало!   -  person Ashish Rawat    schedule 22.10.2015
comment
что, если вы разместите форму на сервере? только для пробы конечно.   -  person mika    schedule 22.10.2015
comment
Да, это работает !! это действительно странно! Когда я помещаю результирующий код в html-файл и ссылаюсь на свой веб-просмотр, используя тот же метод, он работает !!!   -  person Ashish Rawat    schedule 25.10.2015


Ответы (1)


Причина была проста. Страница изменяется после загрузки dom, поэтому необходимо обновить форму с помощью.

$("#formid").триггер("создать");

person Ashish Rawat    schedule 26.10.2015