突出显示 pagerjs 和淘汰赛中的当前点击路径答案

【问题标题】：Highlight current clickpath in pagerjs and knockout突出显示 pagerjs 和淘汰赛中的当前点击路径
【发布时间】：2013-02-12 14:50:35
【问题描述】：

如果您正在创建 pagerjs 应用程序，如何将您打开的路径设置为活动状态。比如

<div class="tabs">
    <a data-bind="page-href:'opt1'">opt1</a> | 
    <a data-bind="page-href:'opt2'">opt2</a>
    </div>

<div class="server" data-bind="page:{id:'opt1')}">
                </div>

拥有一个 css:{selected:isVisible} 绑定很容易，但 isVisible 会是什么样子？它在文档中提到了这一点，但没有显示 isVisible 的样子。 pagerjs中有什么可以绑定的吗？

【问题讨论】：

标签： knockout.js navigation single-page-application pagerjs

【解决方案1】：

我最终在我的虚拟机上创建了一个新的绑定

 vm.isCurrentPage = function(pageid){
            var page = pager.page.find(pageid);
            return page.isVisible;
        };

有用法

<a data-bind="page-href:'server/dashboard', css:{selected:isCurrentPage('server')}">Dash</a>

【讨论】：