1

我创建了一个 jquery mobile 示例，它在 jsfiddle.net 中完全正常工作，但在任何浏览器中都无法正常工作。我提供了相关链接，您可以在浏览器和 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

尝试将您的脚本包含在一个准备好的函数中：

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

还有一个拼写错误，你的脚本标签的文本属性是 text/javacsript。如果您只是为链接使用 href 属性，导航也应该可以工作。对于 jquery mobile，一些特定的事件可用：pageinit、pagecreate、pageshow。

更新：您的点击处理程序应该添加到 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 中尝试过你的代码，它适用于这个小改动。

于 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
                });
            });
}

body 组件在脚本执行后加载&通过使用 onload() 脚本将在组件加载后执行，因此组件将知道我尝试过的脚本并对我有帮助；我希望面临同样问题的人会发现它很有帮助。

于 2012-04-26T10:29:17.370 回答