使用knockoutjs将列表数据绑定到to滑块中

Question

我已经设法使代码显示从sharepoint列表中驱动的列表数据。该列表在每一行项中只包含一列，称为标题。我需要显示标题通过to滑块，每幻灯片一项。

常用bxslider html

<ul class="bxslider">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

我的html实现数据绑定

<ul class="bxslider" data-bind="foreach: items">
  <li data-bind="text: Title"></li>
</ul>

出于某种原因，“标题”都是在一个li标签中生成的，而不是为列表中的每个项目创建安莉标签。如果有人以前遇到过这个问题，或者有任何建议或建议，我们将非常感激。

视图模型

var items = ko.observable(); 
jQuery(document).ready(function () {   
     jQuery.getJSON( "ListURLHERE", {}, dataCallBack   
     );  
ko.applyBindings(); 
});  
function dataCallBack(data) { 
    items(data.d.results); 
}

Answer 1

我找到了这个问题的答案！

我是在敲除js代码之前启动js滑块函数的。我不得不将it滑块函数实现到dataCallBack函数中，它起了作用。

function dataCallBack(data) {
    News(data.d.results);
    jQuery(document).ready(function(){
  jQuery('.bxslider').bxSlider();
});
}

谢谢大家的帮助！