android - jquery mobile中的可折叠在android webview中不起作用，但在fiddler中起作用

Question

我使用 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);

HEader 部分 $(document).bind('mobileinit',function(){ $.mobile.pushStateEnabled = false; });

我能看到的唯一区别是提琴手使用 jquery 1.4.4 而我在本地使用 1.4.5 但是我认为这并不重要。请建议！

Answer 1

原因很简单。加载dom后页面被修改，因此需要使用刷新表单。

$("#formid").trigger("create");