CODEWITHSUNDEEP
jquery-mobileback-button
nnikolay
nnikolay

Reputation: 1751

Jquery Mobile using fastklick but Back button very slow

I am using the fastklick plugin for iOS what is very popular on the net for speeding the click event on jquery mobile apps with phonegap on iOS.

The buttons and links are working very well except the back button from jquery.

If I use this: 

<div data-role="page" id="test" data-add-back-btn="true">

then if I want to click on the button, there is already the delay from iOS. The button is getting blue at first and after that the page is sliding. How can I prevent this so this button is working fast like the other buttons I am creating with 

<button>...</button>?

Is it possible to create my own back button and apply an event to it?

Upvotes: 0

Views: 762

Answers (1)

Gajotres
Gajotres

Reputation: 57309

First remove data-add-back-btn="true" then you can try this:

<a class="ui-btn-left" data-icon="arrow-l" href="javascript:history.back(1) " data-theme="a">Back</a>

or this:

<a class="ui-btn-left" data-icon="arrow-l" href="#" data-theme="a" id="back-btn">Back</a>

$('#back-btn').bind('touchstart', function(e) {
    $.mobile.changePage("#pageID");
});

Just change #pageID to your real page ID. touchstart event is great for back button if you are just doing it and not a page scrolling.

Upvotes: 1

Related Questions