Knockout.js 如果在pager.js中看不到任何子页面，请重新路由到第一个子页面

如果当前页面的子项都不可见，是否可以自动将页面重新路由到第一个子项？场景是，我正在构建一系列选项卡式内容区域，并通过Knockout和Pager.js控制路由。我想要的是，如果一个选项卡内容区域具有子选项卡，则路由应自动调整以显示第一个子选项卡处于活动状态。我不能将该子页面设置为“开始”角色，因为我不能保证第一个子页面总是相同的

我制作了一个基本的小提琴，展示了建筑：

Lorem ipsum dolor sit amet，奉献精英。作为临时别名的临时照明，工作场所的工作场所应承担责任

是的，是的，是的，是的，是的！真正的多洛里布（Doloribus expedita veritatis）是多洛里布（dolorum）减去面部颞肌（temporibus facilis）后的一种治疗方法。问：什么是最低限度的职权范围

暂时，类似于劳动，就像乌兰坐在一个腐败的地方！波罗，前任，建筑设计师，巴黎透视术是一种极简的艺术形式，它的误差最小值减去别名nostrum enim

多洛里布、多洛尔、伊莱根蒂、维塔·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥·维奥

多罗，这是一个很好的例子，它代表了一个权贵的身份。在这一天，我们可以用同样的方式来表达我们的善意

---

结果应该是，它会自动路由到路由id为“page one”的子页面。

解决此问题的一种方法是多次使用

角色：“start”

。请参阅JSFIDLE。

太好了！我不知道在同一个视图模型中可以有多个开始声明。

<div id="myApp">
<div data-bind="page: { id: 'start', role: 'start' }">
    <ul class="nav nav-tabs" data-bind="foreach: $page.children">
        <li data-bind="css: {active: isVisible}"><a data-bind="text: $data.val('title'), page-href: $data"></a></li>
    </ul>
    <div data-bind="page: { id: 'page-one', title: 'Page One' }">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum, quae totam illum eaque reiciendis incidunt tempore alias a possimus laboriosam dolorum officia assumenda fugit quo tenetur voluptas recusandae labore culpa.</p>
    </div>
    <div data-bind="page: { id: 'page-two', title: 'Page Two' }">
        <p>Suscipit, quibusdam, ex rerum quae minus ullam esse aliquam non nihil officia! Doloribus expedita veritatis porro quae quos ad ex dolorum minus temporibus facilis. Quia, ipsum officia ullam perferendis minima?</p>
    </div>
    <div data-bind="page: { id: 'page-three', title: 'Page Three' }">
        <p>Tempora, similique laborum quas eos ullam sit consequatur tenetur corrupti quod dolore! Porro, ex, architecto, pariatur perspiciatis a itaque velit illo autem rem nihil error minima minus alias nostrum enim?</p>
    </div>
    <div data-bind="page: { id: 'page-four', title: 'Page Four' }">
        <p>Doloribus, dolore, eligendi, vitae vero fugiat accusantium ex error eum qui enim molestiae labore dignissimos aperiam quis suscipit placeat unde consequatur ipsum eos in sed dolorem officia consequuntur nihil mollitia.</p>
    </div>
    <div data-bind="page: { id: 'page-five', title: 'Page Five' }">
        <p>Dolor, quo quis voluptates suscipit velit harum totam officiis quisquam quia perspiciatis amet aspernatur tempore magnam. Eos, in, vel similique temporibus dolores animi neque delectus sunt blanditiis voluptatem nisi cum!</p>
    </div>
</div>