使用knockOut的prettyPhoto

Question

我正在使用knockoutjs为一个相册绑定来自服务器的数据。当我在这个图库中使用漂亮的照片时，它不工作。代码如下：

<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 {
......
}
});