android - 加载页面中的 Phonegap 导航 ajax

Question

我正在尝试创建一个带有导航的索引，当点击它时将通过 ajax 加载页面而不是转到另一个 html

这是我的javascipt:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    function getPage(){
            $.ajax({
                type: 'post',
                url: 'places.html',
                success: function(html)
                {
                    $("#response").fadeIn("slow");
                    $("#response").html(html);          

                }
            });     

            return false;       
        }
    </script>

我有一个 href 调用这个

<a href="" onclick="getPage();">get page</a>

这适用于 xampp 本地主机，但似乎在 phonegap 中产生错误

Uncaught ReferenceError: $ is not defined at file:///android_asset/www/index.html:129 

$.ajax所在的行

Answer 1

您必须等到设备准备好进行 ajax 调用。

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
function getPage(){
        $.ajax({
            type: 'post',
            url: 'places.html',
            success: function(html)
            {
                $("#response").fadeIn("slow");
                $("#response").html(html);          

            }
        });     

        return false;       
    }
}