knockout.js - 带敲除的漂亮照片

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