Knockout点击绑定不适用于光滑的轮播

Question

使用knockout渲染表格后，我使用光滑的轮播来创建幻灯片切换。问题是当我点击幻灯片时，敲除点击绑定停止工作。附上部分代码以供参考。

<div data-bind="foreach : $root.AllPackages()" class="row plans-content">
<div class="table-responsive">
    <table class="plans-content-table">
        <tbody>
            <!-- ko foreach: Object.keys(WidgetPacks) -->
            <!-- ko foreach: $parent.WidgetPacks['default'] -->
            <tr>
                <td colspan="2">
                    <p>
                        <span class="tooltip" data-bind="attr:{'title': Desc}">
                        <span data-bind="text:Name"></span>
                        <br />
                    </p>
                </td>
            </tr>
            <!--/ko-->
            <tr data-bind="$if:$data!=null && $data!='default', visible:$data!=null && $data!='default'">
                <td>
                    <p data-bind="text:$data"></p>
                </td>
            </tr>
            <!-- /ko -->
            <tr>
                <td colspan="2" class="text-center">
                    <span class="btn btn-lg yellow-btn-pricing-plan">
                        <a data-bind="click: $root.CheckoutPlans" class="btn btn-yellow btn-md">
                             Purchase a Plan
                        </a> 
                    </span>
                </td>
            </tr>
        </tbody>
    </table>
</div>

创建光滑的轮播：

$('.plans-content').slick({
            adaptiveHeight: true,
            slidesToShow: 3,
            slidesToScroll: 3,
            initialSlide: 0
        });
        $('.plans-content').slick("refresh");