Is it too much to ask for an invisible button on jQuery Mobile?

Question

I struggled with this for a while, so I decided that I would answer here.

How can I create an invisible button on jQM?

Answer 1

Create a button using this tag -

<input type="[yourchoice, mine was submit]" id="[yourchoice]" data-role="none" />

The most important part is data-role="none" . This means that jQM ignores it, so when you use $.hide() , you do not get a random empty rendering image on the screen.

Answer 2

In my case, I can’t get the click on submit event by clicking the go button, if the input is hidden (if it is not hidden, it works). I get around this with css: "width: 1px; height: 1px; background: transparent; border: 0;". Maybe this also helps someone.