jquery-mobile - Webshim 日历在“多页模板”Jqm 中变得很奇怪

Question

没有什么能比小提琴更好地解释了：www.jsfiddle.net/Dt2TE/15/

与他们不是任何多页面视图的地方进行比较。www.jsfiddle.net/Dt2TE/9/ 有一些 JS 没有正确加载到其他页面（#two）。

Answer 1

jQuery mobile 需要在 webshims 之前初始化，否则你会得到这个结果。当我写 jQm 兼容性的东西时，我不知道 jQM 可以在一个文档中有多个页面，并且只能增强其中一个。

我需要更改 polyfiller 中的一些部分来支持这一点。以下是更改：https ://github.com/aFarkas/webshim/commit/03b425a2258a8c168c165dbde58ec3a09ae76433

可以在这里看到一个工作示例：http: //afarkas.github.io/webshim/demos/demos/webforms/jquery-mobile.html

这里有一个更新的小提琴：http: //jsfiddle.net/trixta/Dt2TE/31/

//jQM: set waitReady to false
webshims.setOptions('waitReady', false);        

//jQM: set wsdoc to active page or false
webshims.setOptions('wsdoc', $('.ui-page-active').updatePolyfill().get(0) || false);

//jQM: update polyfills on pageinit and change active page
$(document).on('pageinit', function(e){
    webshims.setOptions('wsdoc', e.target);
    $(e.target).updatePolyfill();
});