使用 knockoutjs 将列表数据数据绑定到 bxslider答案

【问题标题】：Using knockoutjs to data-bind list data into bxslider使用 knockoutjs 将列表数据数据绑定到 bxslider
【发布时间】：2014-07-24 15:42:15
【问题描述】：

我已设法获取代码以显示从共享点列表驱动的列表数据。该列表在每一行项目中仅包含一列，称为标题。我需要通过 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>

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

查看模型

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

【问题讨论】：

也许试试html 绑定而不是text 绑定
感谢您的快速回复。不幸的是，在这种情况下，使用 'html' 绑定与使用 'text' 绑定的结果相同。
似乎是work fine。您可以在演示链接中分享更多详细信息或重现问题吗？
你能发布你的viewModel吗？
我在这里更新了 GôTô 的 jsfiddle，它工作正常 [jsfiddle.net/CXpcm/9/.但是从 SharePoint 列表中抓取时它不起作用。数据被带回，但都在一里之内。我已经更新了帖子以显示上面的视图模型。

标签： sharepoint data-binding knockout.js bxslider

【解决方案1】：

我找到了问题的答案！

我在淘汰 js 代码之前启动了 bxslider 函数。我必须在 dataCallBack 函数中实现 bxslider 函数，并且它起作用了。

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

感谢大家的帮助！

【讨论】：