0

縦型カルーセルを作りたい バインディングにノックアウトを使用していますが、それができません。ファイルを表示すると、データに何も表示されません。表示されるのは次の前のボタンだけです。どのようにそれを行うことができますか？

html は以下のとおりです。

<div class="middleLeftDiv">
    <div id="myCarousel" class="carousel slide vertical" data-bind="foreach: AssociationTypes">
        <div class="carousel-inner clickable" data-bind="attr: { id: ObjectAssociationType }" onclick="onSelectAssociation(this)">
            <div class="active item">
                <span class="veticaltextname1" data-bind="text: ObjectAssociationType"/>
            </div>
        </div>
        <!-- Carousel nav -->
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹&lt;/a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">›&lt;/a>
    </div>
</div>

Knockout でバインドしている JS ファイル:

 $.ajax({
    type: "POST",
    url: '/member/GetMemberItems',
    data: ko.toJSON({ typeOfMedia: typeOfMedia }),
    contentType: "application/json",
    success: function (response) {
        if (!hasError(response)) {
            self.Association(response);
        }
    }
});
$('.carousel').carousel();

CSS:

.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}
4

1 に答える 1

1

これはあなたを助けるかもしれません。応答しませんが、垂直カルーサルに関する問題を解決できます

ギットハブ

于 2013-08-28T04:51:00.417 に答える