Sharepoint 使用knockoutjs将列表数据绑定到bxslider中
我已经成功地获得了显示列表数据的代码,这些数据是从sharepoint列表驱动的。列表中每行项目中只包含一列,称为标题。我需要通过bxslider显示标题,每张幻灯片一个项目 常用的bxslider htmlSharepoint 使用knockoutjs将列表数据绑定到bxslider中,sharepoint,data-binding,knockout.js,bxslider,Sharepoint,Data Binding,Knockout.js,Bxslider,我已经成功地获得了显示列表数据的代码,这些数据是从sharepoint列表驱动的。列表中每行项目中只包含一列,称为标题。我需要通过bxslider显示标题,每张幻灯片一个项目 常用的bxslider html <ul class="bxslider"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> var items = ko
<ul class="bxslider">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
var items = ko.observable();
jQuery(document).ready(function () {
jQuery.getJSON( "ListURLHERE", {}, dataCallBack
);
ko.applyBindings();
});
function dataCallBack(data) {
items(data.d.results);
}
我找到了这个问题的答案 我在敲除js代码之前启动了bxslider函数。我必须将bxslider函数实现到dataCallBack函数中,它成功了
function dataCallBack(data) {
News(data.d.results);
jQuery(document).ready(function(){
jQuery('.bxslider').bxSlider();
});
}
谢谢大家的帮助 也许可以尝试
html
绑定而不是text
绑定谢谢您的快速响应。不幸的是,在这种情况下,使用“html”绑定会产生与使用“文本”绑定相同的结果。你能在演示链接中分享更多细节或重现问题吗?你能发布你的视图模型吗?我在这里更新了GôTô的jsiddle,它工作正常[jsiddle.net/CXpcm/9/。但是从SharePoint列表抓取时它不起作用。数据被带回,但都在一个li中。我已经更新了帖子以显示上面的视图模型。
function dataCallBack(data) {
News(data.d.results);
jQuery(document).ready(function(){
jQuery('.bxslider').bxSlider();
});
}