prettyPhoto with knockOut

Question

我正在使用knockoutjs将数据从服务器绑定到照片库。当我在这个图库中使用prettyphoto时，它不起作用。 下面是代码：

<div class="gallery"> 
    <div class="gcontent" data-bind="with: gList"> 
     <ul id="plist" class="thumbs" data-bind="foreach: rows"> 
      <li class="dd">      
       <div class="thumb"> 
        <img width="140" height="100" data-bind="attr:{src: '/Uploads/media/Images/'+Id+Pic, alt:Title }"> 
        <div class="thumbcon"> 
         <div class="con"> 
          <a data-bind="attr:{href: '/Uploads/media/Images/'+Id+Pic, title:Title}" rel='prettyPhoto[gallery]'> 
           show</a> 
         </div> 
        </div> 
       </div> 
      </li>     
     </ul> 
    </div> 
</div> 

是否有针对此问题的解决方案？

Answer 1

万一其他人面临同样的问题。问题是ajax没有完成，并且在调用prettyPhoto之前数据还没有准备好。要修复它，您必须等到ajax调用完成。

例如：

$.getJSON(_serviceURL(), function (data) { 
if (data != null) { 
...... 
$(document).ready(function() {$("area[rel^='prettyPhoto']").prettyPhoto();}      
else { 
...... 
} 
});