ratchet icon indicating copy to clipboard operation
ratchet copied to clipboard

Misbehaving a href with btn class

Open olimortimer opened this issue 9 years ago • 2 comments

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.

olimortimer avatar Aug 21 '15 14:08 olimortimer

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>

louisiscoding avatar Aug 28 '15 14:08 louisiscoding

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.

trevor403 avatar Sep 02 '15 03:09 trevor403