jQuery Forum

id's needs to be unique..

When the Javascript you show is executed, the markup doesn't yet exist in the document. You can't bind to an element that doesn't exist.

You need to wrap your code in a pageinit callback. Give your page a class.

1. $(document).on("pageinit", ".some-page", function () {
2.   var $page = $(this);
3.   // your keyup and click registrations here
4.   $page.find("#text-ricerca").keyup...
5.   });

I recommend you use classes instead of IDs, though. Using IDs is the biggest mistake you could make in a jQuery Mobile project.

thanks for response,
i try your suggestion but don't work, i edited the code and replace 'id' with 'class' in the following mode

1.            $(document).on('pageinit','.pagina-clienti', function(){
2.               var $page = $(this);
3.                 $page.find('.text-ricerca').keyup(function(event) {
4.                 //$("#text-ricerca").keyup(function(event) {
5.                     if (event.keyCode == 13) {
6.                         //alert('keyup');
7.                         //alert($('#text-ricerca').val())
8.                         $.ajax({
9.                             url : 'ricerca.clienti.php',
10.                             type : "POST",
11.                             data : "id=" + $('.text-ricerca').val(),
12.                             success : function(response) {
13.                             $('.ListaClienti').empty();
14.                             $('.ListaClienti').html("<li><a href='#' onclick='DettaglioCliente('2')' >blabla</a></li>");
15.                             $('.ListaClienti').listview("refresh");
16.                             // nasconde tastiera virtuale del dispositivo
17.                             $('.text-ricerca').blur();
18.                             }  // success : function
19.                         });   // $.ajax
20.                     } //event.keyCode
21.                 });  // function(event)
22.             }); // function()
23. 
    

There's a syntax error here. Did you check the console for error messages? did you use WEb Inspector/Firebug to examine what was inserted in the list?

$('.ListaClienti').html("<li><a href='#' onclick='DettaglioCliente('2')' >blabla</a></li>");