ratchet
ratchet copied to clipboard
Misbehaving a href with btn class
Within my PhoneGap Build app (outside of PhoneGap works fine), any a href
links with a btn
class on them misbehave - you click the button, and it changes to show it has been clicked, but it doesn't do anything. Try a couple of times, and the link will eventually work and take you to the next page.
<a href="page.html" class="btn btn-positive btn-block btn-outlined" data-transition="slide-in">
Page
</a>
A link without the btn
class works fine.
Hey, i also have some button to go to another page. I used this kind of code and it works well. Hope it could helps
<div id="home_page2">
<a href="multimediaList.html" data-transition="slide-in">
<button class="btn btn-block btn-outlined">Multimedia</button>
</a>
</div>
You should really just combine them into one, button is a clickable object and so is an anchor, what I so in my app is simply this:
<div id="home_page2">
<a href="multimediaList.html" data-transition="slide-in" class="btn btn-block btn-outlined">
Multimedia
</a>
</div>
EDIT I failed to properly read the first post which mirrors my code above, so the only thing I can suggest is to make usre that your ratchet javascript file is linked. Also if you are testing in a browser like Chrome, it doesn;t send the touchend event to the window so you need to debug it in mobile mode.