9

i didn't tested this code on iPhone but i'm sure (tested) it doesn't works on android mobiles:

 $('#search').live('keyup',function(key){
          if(key.which == 13){
            /*ANIMATE SEARCH*/
            _key = $(this).val();
            $("#wrapper").html("");
                $('#wrapper').hide(0).load('results.html').fadeIn(800);
                $('#search-fade').val(_key).fadeIn();
          }
      });

to explain better :

i have a simple

<input type="text" name="search" id="search"/>

don't know why but this code doesn't works properly on android mobile phones

any ideas?

itsme
  • 48,972
  • 96
  • 224
  • 345

2 Answers2

10
$(document).on('keyup','#search', function() {
   // code
});

or

$(document).delegate('#search', 'keyup', function() {
    // code
});

You can also see here

Community
  • 1
  • 1
The System Restart
  • 2,873
  • 19
  • 28
5

My solution (working with jQuery 1.7.1):

$('#search').live('input paste', yourFunction)

Tip:

Use .on() instead of .live(), because:

  • .on() is faster
  • .live() is deprecated

jQuery 1.7+ .on() vs .live() Review

Try this:

$(document).on('input paste', '#search', yourFunction)
user1051870
  • 913
  • 1
  • 10
  • 21
  • really not solve i still having this trouble cause input inside collapse is ok and event is binded while input in same page but not in collapse menu shows me the arrow instead of the search button in android keyboard :/ – itsme May 17 '12 at 18:52