Jqueryモバイルの例がブラウザで動作していない

Question

jquery mobileで正しく動作しているjquery mobileの例を作成しましたが、いずれのブラウザでも動作しません。ブラウザと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モバイルの場合、pageinit、pagecreate、pageshowという特定のイベントが利用できます。

アップデート：私はChromeであなたのコードを試してみましたが、それはこの小さな変更で動作します

<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> 

：あなたのクリックハンドラはjQueryの準備ハンドラに追加する必要があります。