Jquery 如何使用Knockoutjs+；自举转盘

我有一个使用引导旋转木马和KnockoutJS显示的任务列表。用户可以使用控件（箭头）查看所有可用任务。在上面，我想显示当前可见任务（li）的索引

我的控制在那个部门之外，但工作得很好

<div class="tasks-carousel-controls">
                <!-- ko if: $root.Tasks().length > 1 -->
                <a class="left icon-chevron-left" href="#taskCarousel" data-slide="prev">
                    <span class="icon-prev"></span>
                </a>
                <a class="right icon-chevron-right" href="#taskCarousel" data-slide="next">
                    <span class="icon-next"></span>
                </a>
                <!-- /ko -->
            </div>

然后我有另一个div，我说它是任务的索引，比如“Y中的X”，其中X是我当前的索引，Y是我可观察数组的长度

---

我认为最好的解决方案是绑定到某个可观察对象，该对象的值是class='active'的对象，但我不是很成功：//

您尝试过类似的方法吗

$('body').on('click', '.tasks-carousel-controls a', function() {
     var slideIdx = $('#taskCarousel').find('.active').index();
     $('#divId').html('Slide '+slideIdx+' out of 5');
});

其中taskCarousel是引导转盘的id，divId是要在其中显示索引的div的id

$('body').on('click', '.tasks-carousel-controls a', function() {
     var slideIdx = $('#taskCarousel').find('.active').index();
     $('#divId').html('Slide '+slideIdx+' out of 5');
});