Question

我设法获取代码以显示从sharepoint列表驱动的列表数据。该列表在每个行项目中只包含一列，称为标题。我需要通过bxslider显示标题，每张幻灯片一个项目。

通常的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>

出于某种原因，＆＃39;标题＆＃39;都是在一个li标签中生成的，而不是为列表中的每个项目创建一个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代码之前启动了bxslider函数。我必须将bxslider函数实现到dataCallBack函数中并且它可以工作。

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

感谢大家的帮助！

使用knockoutjs将数据绑定到bxslider中

1 个答案: