Question

我正在使用以下博客作为代码库进行概念验证应用。

http://jaydata.org/blog/how-to-check-if-your-websql-environment-is-working

当我使用XCode 4.6.1在iPad 6.1 Simulator中运行以下内容时，我可以看到预期的输出。

[LOG] Received Event: deviceready
[LOG] begin testing
[LOG] define Department Entity
[LOG] define Employee Entity
[LOG] saving Entity done.

但是当我通过USB将以下内容运行到实际的iPad设备时，其输出结束于“定义部门实体”。我没有看到任何错误;这是console.log输出：

[LOG] Received Event: deviceready
[LOG] begin testing
[LOG] define Department Entity

非常感谢任何帮助。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello World</title>

<!--jQuery-->
<script type="text/javascript" src="jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery/jquery.mobile-1.1.1.js"></script>

<!--jayData and the different providers used-->
<script type="text/javascript" src="js/JayData-1.2.7.1/JayData.js"></script>
<script type="text/javascript" src="js/JayData-1.2.7.1/jaydataproviders/SqLiteProvider.js"></script>

<!--PhoneGap-->
<script type="text/javascript" src="cordova-2.5.0.js"></script>
</head>
<body>
<div class="app">
    <h1>Apache Cordova</h1>
    <div id="deviceready" class="blink">
        <p class="event listening">Connecting to Device</p>
        <p class="event received">Device is Ready</p>
    </div>
</div>
<script type="text/javascript" src="cordova-2.5.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    app.initialize();
    </script>
<script type="text/javascript">
    var jqmReady = $.Deferred(),
        pgReady = $.Deferred();

    // mobileinit does not work. pageinit works.
    // jqm ready
    $(document).bind("pageinit", jqmReady.resolve);

    // phonegap ready
    document.addEventListener("deviceready", pgReady.resolve, false);

    // all ready :)
    $.when(jqmReady, pgReady).then(function () {
        console.log('begin testing');

console.log('define Department Entity');
$data.Entity.extend("$org.types.Department",
{
    Id: { type: "int", key: true, computed: true },
    Name: { type: "string", required: true },
    Employees: {
        type: Array,
        elementType: "$org.types.Employee",
        inverseProperty: "Department"
    }
});
console.log('define Employee Entity');
$data.Entity.extend("$org.types.Employee",
{
    Id: { type: "int", key: true, computed: true },
    Name: { type: "string", required: true },
    Department: { type: $org.types.Department, inverseProperty: 'Employees' }
});

$data.EntityContext.extend("$org.types.OrgContext", {
    Department: { type: $data.EntitySet, elementType: $org.types.Department },
    Employee: { type: $data.EntitySet, elementType: $org.types.Employee }
});

$org.context = new $org.types.OrgContext({
    name: "webSql", databaseName: "OrgDatabase",
    dbCreation: $data.storageProviders.DbCreationType.DropTableIfChanged
});

var department = new $org.types.Department({ Name: 'Department1' });
var employee = new $org.types.Employee({ Name: 'John Smith' });
department.Employees = [employee];

$org.context.onReady(function () {
    $org.context.Department.add(department);
    $org.context.saveChanges();
});

console.log('saving Entity done.');

    });
        </script>

</body>
</html>

Answer 1

在jaydata论坛上回答，但我在这里复制，也许其他人会搜索这个

重点： 1.使用jquery 1.8+，不支持1.7。如果你必须使用1.7那么请使用q promise，告诉我们你是否有任何问题 2.不幸的是，你只能在onload事件之后订阅deviceready事件....

此代码适用于ipad 6.1

(function main() {
var jqmReady = $.Deferred();
var pgReady = $.Deferred();

// mobileinit does not work. pageinit works.
// jqm ready
$(document).bind("pageinit", jqmReady.resolve);

// phonegap ready
$.when($.ready)
.then(function(){
    document.addEventListener("deviceready", pgReady.resolve, false);
});

var Employee = $data.define('Employee', {
   Id: { type: "int", key: true, computed: true },
   Name: { type: "string", required: true },
   Department: { type: "Department", inverseProperty: 'Employees' }
});

var Department = $data.define('Department', {
   Id: { type: "int", key: true, computed: true },
   Name: { type: "string", required: true },
   Employees: { type: Array, elementType: "Employee", inverseProperty: 'Department' }
});

var OrgDatabase = $data.EntityContext.extend('OrgDatabase', {
   Departments: { type: $data.EntitySet, elementType: Department },
   Employees: { type: $data.EntitySet, elementType: Employee }
});

var context = new OrgDatabase({name: 'webSql', databaseName: 'OrgDatabase', dbCreation: $data.storageProviders.DbCreationType.DropTableIfChanged});            

// all ready :)
$.when(jqmReady, pgReady, context.onReady()).then(function () {

   var employee = new Employee({ Name: 'John Smith' });
   var department = new Department({ Name: 'Department1' });
   department.Employees = [employee];

   context.Departments.add(department);
   context.saveChanges(function() {
      alert('saving Entity done.');
    });
});
})()

Answer 2

我使用了Web Inspector，发现iPad上的应用程序无法加载“JayData.js”。

事实证明，实际的js文件具有全部小写字符的文件名。因此，修复是将“JayData.js”更改为“jaydata.js”，该应用程序可在iPad上运行。

http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html

JayData / Phonegap适用于iPad模拟器，但不适用于iPad设备

2 个答案: