使用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

回答

相關問題