https://build.phonegap.com/apps/669706/share

Problem is with transitions. Page is blinking before change. I used jquery mobile 1.3 before and it was ok, though I changes some app code. Is it problem with my javascript? or with new jquery mobile?

Here is my javascript code (part that involves transitions):

2. $(document).one("pageshow", ".index", function() {
3. //console.log("show index");
4. if (!localStorage.atrakcje) {
5. Site.wczytajDane();
6. } else {
7. //console.log("mam dane");
8. Site.atrakcje = JSON.parse(localStorage.atrakcje);
9. Site.przygotujDane();
10. Site.generatePolecamy();
11. Site.generateList();
12. }
13. });
14. $(document).on("pageshow", ".atrakcje", function() {
15. //console.log("show atrakcje");
16. Site.generateList("atrakcjeListaAtrakcji");
17. Site.filtrujWyniki();
18. var option = $("<option value=''>Wszystkie</option>");
19. $("select#rodzaj").append(option);
20. for (var r in Site.rodzaje) {
21. if (Site.atrakcjeWgRodzajow[r]) {
22. var option = $("<option value='" + r + "'>" + Site.rodzaje[r] + " (" + Site.atrakcjeWgRodzajow[r].length + ")</option>");
23. $("select#rodzaj").append(option);
24. }
25. }
26. if (localStorage.back) {
27. if (localStorage.rodzaj)
28. $("select#rodzaj").val(localStorage.rodzaj);
29. if (localStorage.nazwa)
30. $("input#nazwa").val(localStorage.nazwa);
31. Site.filtrujWyniki();
32. } else {
33. if (Site.params.rodzaj)
34. $("select#rodzaj").val(Site.params.rodzaj);
35. }
36. $("select#rodzaj").selectmenu('refresh');
37. $("select#rodzaj").change(function() {
38. Site.filtrujWyniki();
39. });
40. $("input#nazwa").keyup(function() {
41. Site.filtrujWyniki();
42. });
43. });
44. $(document).on("pageshow", ".atrakcja", function() {
45. //console.log("show atrakcja");
46. if (Site.params.id) {
47. Site.id_atrakcji=Site.params.id;
48. Site.wczytajDaneAtrakcji();
49. }
50. });
51. Site.init = function() {
52. //console.log("init");
53. $.support.cors = true;
54. $.mobile.allowCrossDomainPages = true;
55. $.mobile.defaultPageTransition = 'slide';
56. $.mobile.orientationChangeEnabled = false;
57. 
    
58. $(document).on("pageshow", function() {
59. //console.log("global pageshow");
60. localStorage.removeItem('back');
61. });
62. $(document).on('pagechange', function(event, data) {
63. //console.log("pagechange");
64. var url = data.absUrl.replace("#", "").split("?");
65. Site.params={};
66. var params = {};
67. if (url[1]) {
68. var parameters = url[1].split("&");
69. for (var p in parameters) {
70. var s = parameters[p].split("=");
71. params[s[0]] = s[1];
72. console.log("Param " + s[0] + ": " + s[1]);
73. }
74. }
75. Site.params=params;
76. });
77. };
78. $(window).on("navigate", function(event, data) {
79. if (data.state.direction == 'back') {
80. localStorage.back = 1;
81. }
82. });
83. 
    

and in html:

2. <script>
3. $(document).ready(function() {
4. Site.init();
5. });
6. </script>

Any ideas?