pager.js的导航问题

Question

我正在尝试在我的淘汰型SPA中实现pager.js。它在某种程度上是有效的，但是我遇到了一些奇怪的行为，尽管我遵循了官方指南。

我的页面结构如下所示。

<div data-bind="page: { id='start', title='index'}">
</div>

<div data-bind="page: { id='mainPage1', title='mainPage1'}">
</div>

//implement deep nav??
<div data-bind="page: { id='mainPage2', title='mainPage2'}">
    //Grid page
    <div data-bind="page: { id='start', title='grid'}">     
        //Error here - page dont exist? | URL output: mainPage2/detail 
        <a data-bind="page-href: '../detail' ">go to detail page.</a> 
    </div>

    //Detail page
    <div data-bind="page: { id='detail', title='detail'}">
    </div>  
</div>

另外，当我输入url时，我可以通过以下url导航到mainPage2 : /mainPage1/dsjak/adsPae1/madaadsnPage1/mainPage2

只要url的最后一部分是有效的，它就会导航到页面的这一部分，这是有意的吗？

我不确定这是否与我的后端路由有关，但它看起来像这样。

routes.MapRoute(
            name: "Default",
            url: "{*catchall}",
            defaults: new { controller = "Home", action = "Index" }
        );

我也在使用require.js..

Answer 1

你的语法全错了

例如，将id='start'更改为id:'start'

它应该是

<div data-bind="page: { id:'start', role: 'start', title:'index'}">start</div>

<div data-bind="page: { id:'mainPage1', title:'mainPage1'}">page 1</div>

<div data-bind="page: { id:'mainPage2', title:'mainPage2'}">
    page2
    <div data-bind="page: { id:'start', title:'grid'}">     
        //Error here - page dont exist? | URL output: mainPage2/detail 
        <a data-bind="page-href: '../detail' ">go to detail page.</a> 
    </div>

//Detail page
    <div data-bind="page: { id:'detail', title='detail'}"></div>  
</div>