流利的導航與knockout.js

我有一個單頁面應用程序與三個子頁面。流利的導航與knockout.js

URL結構是：

/page (sub-page-0) 

/page#sub-page-1 

/page#sub-page-2

視圖模型是：

function ViewModel(activePage){ 
    var self=this; 

    self.activePage=ko.observable(activePage); 
    self.changePage=function (newPage){ 
     self.activePage(newPage); 
     //change url 
    }); 
}

當用戶輸入網址我想在JavaScript中得到＃一部分，並與該參數構建視圖模型。

當用戶單擊頁面中的鏈接我想更改URL並加載該子頁面。

來源

2012-08-09 ozz

你可以使用從堆棧溢出問題的解決方案之一：How can I get query string values in JavaScript?

不過，我強烈建議你考慮一個客戶端路由庫。淘汰賽主頁有example使用sammyjs，但還有很多其他有趣的解決方案（包括knockback，它結合了backbonejs和knockoutjs）。

來源

2012-08-09 13:34:24 daedalus28

淘汰賽本身不支持導航。但是你可以使用第三方框架。在http://learn.knockoutjs.com/上有一個名爲「單頁應用程序」的教程，其中顯示瞭如何使用sammy.js來完成此操作。

來源

2012-08-09 13:32:14 delixfe

流利的導航與knockout.js

回答

相關問題