.click doesnt work on touch devices although it works on browser

Question

.click doesnt work on touch devices although it works on browser!

I am using a .click function that works fine on browsers, but when i try it on touchscreen devices, it won't work (the function isn't even called). The function should be called when i choose an select option. Is it possible that the problem is that the touch on an select option is not treated as a click? Is there a way to use the touch as a click in this specific situation?

$brandImageOptions.find('.selecter-item').click(function(){
            //The console.log won't work with a touch, but will work with a click
   console.log("This event is happening LOL WUT Right? RIGHT?!");
   //DO STUFF 

  });

I also tried:

$brandImageOptions.find('.selecter-item').on('click', function(){
            //The console.log won't work with a touch, but will work with a click
            console.log("This event is happening LOL WUT Right? RIGHT?!");
            //DO STUFF 

        });

and:

$brandImageOptions.find('.selecter-item').on('click, touchstart', function(){
            //The console.log won't work with a touch, but will work with a click
            console.log("This event is happening LOL WUT Right? RIGHT?!");
            //DO STUFF 

        });

Thank for helping :)

The html is: MARCA

                                <div class="form-controls select-small">
                                    <select name="brands" id="brands" class="select">
                                        <option value=""></option>
                                        <option value="CHEVROLET">CHEVROLET</option>
                                        <option value="GMC">GMC</option>
                                        <option value="AC-DELCO">AC-DELCO</option>

                                    </select>
                                </div><!-- /.form-controls -->
                            </div><!-- /.form-group -->

Here is a pretty similar question: http://stackoverflow.com/questions/14530734/handle-both-mouse-and-touch-events-on-touch-screens — blex, Feb 23 '15 at 14:56
on click is working, so it does not matter if this is an array or not — kuba, Feb 23 '15 at 15:00
Yes Donte, is an array with selectors.IDK How to use Touchend, any tutorial? — Sidney Nogueira, Feb 23 '15 at 15:01
Exactly the same way as other events, http://jsfiddle.net/0qjdq7ez/ — kuba, Feb 23 '15 at 15:04
kuba, can you show me to use it in my case. I have no clues about what is the 'function' parameter on bind... — Sidney Nogueira, Feb 23 '15 at 15:40
You can try something like that, but without full code, I'm not able to tell you for 100% that this will work ( http://jsfiddle.net/hm0y59w4/ ), you should also read more about binding events in jquery/ javascript ( e.g. here http://api.jquery.com/on/ ) — kuba, Feb 23 '15 at 15:45

.click doesnt work on touch devices although it works on browser

0 Answers0