使用knockoutjs将数据绑定列表数据导入bxslider

我设法让代码显示从共享点列表驱动的列表数据。该列表仅在每个行项目中包含一个名为Title的列。我需要通过bxslider显示标题，每张幻灯片一个项目。使用knockoutjs将数据绑定列表数据导入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>

出于某种原因， '图书' 都被在一个L1标签产生的，而不是创建列表中每个项目的li标签。如果有人遇到过这个问题或有任何意见或建议，将非常感激。

视图模型

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

来源

2014-07-23 Matrix

也许尝试使用'html'绑定而不是'text'绑定 –

感谢您的快速响应。不幸的是，在这种情况下，使用'html'绑定会产生与使用'text'绑定相同的结果。 – Matrix

似乎[work fine]（http://jsfiddle.net/CXpcm/1/）。你能分享更多细节还是在演示链接中重现问题？ –

我已经找到答案的问题！

我在敲出js代码之前就启动了bxslider函数。我不得不将bxslider函数实现到dataCallBack函数中，并且它工作正常。

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

感谢您的帮助！

来源

2014-07-24 07:42:15 Matrix

使用knockoutjs将数据绑定列表数据导入bxslider

回答

相关问题