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>

当我输入网址时，我可以通过此网址导航到mainPage2： / mainPage1 / dsjak / adsPae1 / madaadsnPage1 / mainPage2

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

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

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

我也在使用require.js ..

Answer 1

你的语法错了

e.g。 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>

pager.js的导航问题

1 个答案: