Sammyjs 路由不适用于 Phonegap

Question

我已经用 SammyJs 构建了一个应用程序。它目前在浏览器中完美运行。但是，当我使用 PhoneGap 将其打包到 Android 时，路由不再起作用。

我找到了this SO question。但是，给出的解决方案不起作用：

(function($) {

    var app = $.sammy('[role=main]', function() {
      this.disable_push_state = true;
      ...
    });
}

有没有人遇到过同样的问题？

编辑

我还在使用带有以下脚本的 jquery mobile 来禁用其路由：

 <script type="text/javascript">
      // DISABLE JQM ROUTER
      $(document).bind("mobileinit", function () {
        $.mobile.ajaxEnabled = false;
        $.mobile.linkBindingEnabled = false;
        $.mobile.hashListeningEnabled = false;
        $.mobile.pushStateEnabled = false;
        $.mobile.changePage.defaults.changeHash = false;
      });
    </script>

我使用我的应用 sammy javascript（包括路由）创建了一个 gist。

Answer 1

我认为问题在于这个 around 子句：

this.around(function(callback) {
  var context = this;

  url = 'http://localhost:3000/api.json?school=' + localStorage.school

  this.load(url)
    .then(function(data) {
      parsed = JSON.parse(data);

      //if (parsed.meta != undefined) {
      //  alert(parsed.meta.message);
      //}
      context.products = parsed.products;
      context.places = parsed.places;
      context.school = parsed.school;
      context.title = $('[data-role=header] h1');
    })
    .then(callback); // *** this won't get called if load() rejects promise
});

据我了解，round 子句是用回调（）调用的，它会在调用时继续加载路由。

我认为你的承诺链有问题。如果 load() 返回一个被拒绝的 Promise（可能是这样，因为您的手机上没有 localhost:3000），那么您的 then() 函数都不会加载。因此，不会调用 callback() 并且应用程序“停止”。我会建议（a）在那里添加一些错误处理，这样你就可以看到它发生了什么，并且绝对（b）无论 load() 的结果如何都执行回调。此外 - 如果数据不是正确的 JSON 编码字符串，JSON.parse(data) 将引发错误 - 你也需要尝试/捕获。

我会试试这个：

this.load(url)
.then(function(data) {
  try {
     parsed = JSON.parse(data);
  } catch(e) {
     console.log('error decoding json!: '+errorMsg);
  }

  //if (parsed.meta != undefined) {
  //  alert(parsed.meta.message);
  //}
  context.products = parsed.products;
  context.places = parsed.places;
  context.school = parsed.school;
  context.title = $('[data-role=header] h1');
},function(errorMsg){
  console.log('error loading json!: '+errorMsg);
})
.fin(callback); // *** fin() is meant to execute on both success and error, like a "finally".

如果你的 Promise 实现不支持 fin()，请查看它的等价物。它本质上是以下的简写：.then(callback).otherwise(callback)

长话短说 - 您要确保传递给 around 的回调无论如何都会被执行，否则您的应用将不会继续加载路由，这就是您的意外行为。

至于看不到控制台的问题，我不确定你的环境是什么样的，但我过去在 Eclipse 和 ADT 上取得了成功——我可以看到控制台日志和错误。