我正在使用knockoutjs为照片库绑定来自服务器的数据。当我在这个画廊使用prettypoto时,它不起作用。这是代码:
<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>
这个问题有解决办法吗?
如果其他人也面临同样的问题。问题是ajax没有完成,在调用prettyPhoto之前数据还没有准备好。。要修复它,您必须等到ajax调用完成。
示例:
$.getJSON(_serviceURL(), function (data) {
if (data != null) {
......
$(document).ready(function () {$("area[rel^='prettyPhoto']").prettyPhoto();}
else {
......
}
});