Привязка щелчка нокаута не работает с гладкой каруселью - PullRequest
Новая
       14

Привязка щелчка нокаута не работает с гладкой каруселью

0 голосов
/ 25 апреля 2018

После рендеринга таблиц с использованием нокаута, я использую скользкую карусель для создания переходов между слайдами. Проблема состоит в том, что привязка щелчка для выбывания перестает работать, когда я нажимаю на слайд. Прикрепление части кода для справки. 

<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");
...