1

jsfiddle.net で完全に正常に動作する 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
4

3 に答える 3

2

スクリプトを ready 関数で囲みます。

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

また、スクリプト タグのテキスト属性が text/javacsript であるスペル ミスもあります。リンクに href 属性を使用するだけでも、ナビゲーションは機能するはずです。jquery モバイルでは、pageinit、pagecreate、pageshow などの特定のイベントを使用できます。

更新: クリック ハンドラーを jQuery Readyハンドラーに追加する必要があります。

<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 で試してみましたが、この小さな変更で動作します。

于 2012-04-25T05:19:11.337 に答える
0

あなたの体のスタートタグはありません。最後のスクリプトタグと最初のdivの間で開始する必要があります。

于 2012-04-25T04:52:12.867 に答える
0 
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() を使用すると、コンポーネントがロードされた後にスクリプトが実行されるため、コンポーネントは私が試したスクリプトを認識し、役に立ちました; 同じ問題に直面している誰かがそれが完全に役立つことを願っています.

于 2012-04-26T10:29:17.370 に答える