Android needs two button clicks to run Jquery Ajax?

Question

I have a Jquery function that runs when the button is clicked. This works perfect on my computer but when tested on my android phone it needed two button clicks to work?

 <script type="text/javascript" language="javascript">
       $(document).ready(function() {
       $('#thisid').hide();

        $("#button-create").click(function(event){
           var name = $("#create").val();
            var name2 = $("#create2").val();
           $("#stage").load('result.php', {name:name, name2:name2} );

        });
     });
  </script>

Button:

<button id="button-create" class="btn1">Create</button>

CSS:

 .btn1{
background-color:#ff7743;
border:0;
height:30px;
width:60px;
font-size: 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

 .btn1:hover{

 color: inherit;
 background-color:#ff7743;

 }
.btn1:focus {outline:0;}

Check [this](http://stackoverflow.com/questions/23885255/how-to-remove-ignore-hover-css-style-on-touch-devices) out — Jack, May 01 '15 at 17:24

freethinker · Answer 1 · 2015-05-01T17:05:34.293

1

There is no problems with your script. Look into your CSS file on "#button-create" style and disable all ":hoover" styles in your mobile version.

edited May 01 '15 at 17:05

answered May 01 '15 at 16:39

freethinker

2,257
4
26
49

Your button not change color or shadow effects on mouse hover and mouse leave? – freethinker May 01 '15 at 16:43
There is the standard hover but that shouldent by a problem? – Anton May 01 '15 at 16:46
@Anton that is exactly the problem. Touch devices take the first touch as a hover, the second as the click. – Jack May 01 '15 at 16:47
It doesent work, Please take a look on the updated question. @Jack – Anton May 01 '15 at 17:09
remove this style: .btn1:hover{ color: inherit; background-color:#ff7743; } – freethinker May 01 '15 at 17:16
That's not the problem. There is an standard hover effect on the button. I tried to remove that. How should I do instead? – Anton May 01 '15 at 17:17

Android needs two button clicks to run Jquery Ajax?

1 Answers1