I've a big problem with a jQuery Mobile Application: I'm using custom functions (they are triggered by onClick) to switch the page with currentPage.

It only happens on Android-Devices with the integrated browser (not Google Chrome). iOS and Chrome works nice.

After clicking on an element, the animation started but just before it ends, it switches back to the old page. After a half second, it switches back to the new.

I made a movie of the bug here: http://www.youtube.com/watch?v=sXxvVUxniNg

Thank you very much!

Code (CoffeeScript):

2. class Guide
3.     
4.     @categoriesLoaded = false
5.     
6.     @loadSearch: ->
7.         
8.         $.mobile.changePage $("#guide"),
9.             transition: 'slide'
10.             changeHash: false
11.         
12.         if !@categoriesLoaded
13.         
14.             @categoriesLoaded = true
15.             
16.             GuideApi.getCategories (data) ->
17.                 output = Mustache.render $("#tmpl-guide-categories-select").html(), 
18.                     categories: data
19.                 
20.                 $("#guide-search-category").append output
21.                 
22.                 $("#guide-search-category").val($("#guide-search-category option:first").val());
23. 
    
24. window.WgSwitchGuide = ->
25.         Guide.loadSearch