3

我正在使用堆叠的 Bootstrap 药丸在视图子集上实现左导航。我正在使用一个简单的compose绑定将左侧导航视图添加到视图中:

<div data-bind="compose: { view: 'left-nav' }"></div>

在左侧导航中,我想以编程方式将active类添加到其中一个药丸中,以指示哪个视图处于活动状态;就像是:

switch (router.activeInstruction().fragment) {
    case "foo":
        $("#pills #foo").addClass("active");
        break;
};

当此代码在activate处理程序中运行时,父视图组合尚未完成。

使用什么正确方法来compositionComplete确保此代码在父母和孩子都完全组合后运行?

谢谢!

更新: 解决了......几分钟的变化 - 你只需要实现处理程序。

var compositionComplete = function () {
    switch (router.activeInstruction().fragment) {
        case "foo":
            $("#pills #foo").addClass("active");
            break;
    };
};

var vm = {
    activate: activate,
    compositionComplete: compositionComplete,
};
4

0 回答 0