尝试使用pagerjs迭代页面子项时，未定义$ page

Question

我正在尝试使用knockout和pager.js创建2级导航菜单。出于某种原因，当我尝试在navigation_second中迭代$ page children时，我没有定义$ page。我可以在navigation_first中迭代根页面的子页面。

<div id="navigation_first">
    <ul data-bind="foreach: $__page__.children">
        <li data-bind="css: { selected: isVisible}" >
            <a data-bind="page-href: $data"><span data-bind="text: $data.val('title')"/></a>
        </li>
     </ul>
</div>

<div id="navigation_second">    
    <ul data-bind="foreach: $page.children">
        <li data-bind="css: { selected: isVisible}" >
            <a data-bind="page-href: $data"><span data-bind="text: $data.val('title')"/></a>
         </li>
     </ul>
</div>

任何提示可能是什么问题？