pager.js的导航问题

Navigation problems with pager.js

本文关键字：问题 导航 js pager      更新时间：2023-09-26

我试图在我的淘汰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/madaadsPage1/mainPage2

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

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

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

我也在使用require.js.

您的语法都是错误的

例如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>
相关文章：