knockout.js - ノックアウト付きのprettyPhoto

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