Question

我创建了一个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

Answer 1

尝试将脚本封装在就绪函数中：

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

还有一个拼写错误，脚本标记的text属性是text / javacsript。如果您只是为链接使用href属性，导航也应该有效。对于jquery mobile，可以使用一些特定事件：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中尝试过您的代码，它可以解决这个小小的问题。

Answer 2

您的身体没有开始标记。它应该从最后一个脚本标记和第一个div开始。

Answer 3

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组件＆amp;通过使用onload（）脚本将在组件加载后执行，因此组件将知道该脚本我试过了，对我很有帮助;我希望有一个人面临同样的问题会发现它有所帮助。

Jquery移动示例无法在浏览器中工作

3 个答案: