JQuery мобильный пример не работает в браузере

Question

Я создал пример jquery mobile, который полностью работает правильно в jsfiddle.net, но он вообще не работает ни в одном из браузеров. i m предоставляет связанные ссылки, где вы можете протестировать как в браузере, так и в jsfiddle.

note:jsfiddle.net is the site where you can run and test the jquery examples. 

    for brower : http://errortec.blogspot.in/  

    u can copy the code from the errortec.blogspot.in and place it in your html file and check it in ur browser so that u can understand the problem 

Answer 1

In this case try to keep the javascript in on windows.load() as shown below : 

    <script type="text/javascript"> 
     window.onload=function(){ 

      $('#prevchild').click(function() { 

        $.mobile.changePage($('#home'), { 
        transition: 'slide', 
        reverse: true 
       }); 
      }); 

      $('#nextchild').click(function() { 

       $.mobile.changePage($('#child'), { 
        transition: 'slide', 
        reverse: true 
       }); 
      }); 

      $('#login').click(function() { 
       $.mobile.changePage($('#child'), { 
        transition: 'slide', 
        reverse: true 
       }); 
      }); 

      $('#back').click(function() { 
       $.mobile.changePage($('#home'), { 
        transition: 'slide', 
        reverse: true 
       }); 
      }); 

      $('#next').click(function() { 
       $.mobile.changePage($('#child'), { 
        transition: 'slide', 
        reverse: true 
       }); 
      }); 

      $('#prev').click(function() { 
       $.mobile.changePage($('#home'), { 
        transition: 'slide', 
        reverse: true 
       }); 
      }); 
} 

компонент тела загружается после того, как выполняется скрипт & с помощью OnLoad() сценарий будет выполняться после того, как компонент загружается так компонент будет знать сценарий я попытался это и было полезно для меня; Я надеюсь, что кто-то, столкнувшись с одной и той же проблемой, найдет его полезным.

Answer 2

Для вашего тела нет начального тега. Он должен начинаться между последним тегом скрипта и первым div.

Answer 3

Попробуйте вмещающий сценарий в готовой функции:

$(document).ready(function() { 
//your script here 
}); 

Существует также орфографическая ошибка в тексте атрибут вашего сценария теге текст/javacsript. Навигация также должен работать, если вы просто используете атрибуты href для своих ссылок. Для jQuery mobile доступны некоторые специальные события: pageinit, pagecreate, pageshow.

Update: ваши обработчики клик должны быть добавлены в JQuery готового обработчик:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#prevchild').click(function() { 
     $.mobile.changePage($('#home'), { 
      transition: 'slide', 
      reverse: true 
     }); 
    }); 

    $('#nextchild').click(function() { 
     $.mobile.changePage($('#child'), { 
      transition: 'slide', 
      reverse: true 
     }); 
    }); 
    $('#login').click(function() { 
     $.mobile.changePage($('#child'), { 
      transition: 'slide', 
      reverse: true 
     }); 
    }); 
    $('#back').click(function() { 
     $.mobile.changePage($('#home'), { 
      transition: 'slide', 
      reverse: true 
     }); 
    }); 

    $('#next').click(function() { 
     $.mobile.changePage($('#child'), { 
      transition: 'slide', 
      reverse: true 
     }); 
    }); 

    $('#prev').click(function() { 
     $.mobile.changePage($('#home'), { 
      transition: 'slide', 
      reverse: true 
     }); 
    }); 
}); 
</script> 

Я попробовал ваш код в Chrome и он работает с этим небольшим изменением.