使用Ratchet push.js以编程方式加载url

Question

Ratchet单页面应用程序框架使用push.js将新页面加载到视图中。例如：

<a href="link.html">link<a>

这将使用push将.content目录中的所有内容替换为link.html的.content。如果在两个页面上都有.bar-title和.bar-tab，它还会更新它们。

我想对Javascript函数调用使用相同的机制。在我开始修补棘轮之前，有没有一个优雅的方法呢？

谢谢!

Answer 1

User2078515的回答对我不起作用。options没有正确定义，以这种方式定义函数并不会将其放在全局范围内。推送是在全局作用域上的，所以你可以这样做：

PUSH({
  url: 'file:///android_asset/www/userlist.html'
});

由于某些原因，我不能让transition工作，但这可能是另一个问题……

Answer 2

我一直在做这个工作，发现推送只能与完整的文件路径一起工作。因此，我创建了这个函数，可以这样调用：pushRedirectTo('my_page.html')。

    function pushRedirectTo(path){
        var new_path = window.location.href.split('/');
        new_path.pop();
        path.replace('/', '');
        new_path.push(path);
        new_path = new_path.join('/');
        //alert('p: ' + new_path);
        PUSH({url: new_path, transition: 'fade'});
    }

感谢#mr-Chimp先生的回答，他帮助我解决了完整路径问题。

Answer 3

它并不优雅，但您可以创建一个公开push函数的全局函数。打开ratchet.js并添加

myGlobalPushFunction = function(){  PUSH(options)  }

在第276行附近(在PUSH函数的上方)。然后这样叫它：

myGlobalPushFunction({ url: "index2.html",  transition: "fade" })