1

アイテムをクリックしたときにギャラリーを表示するためにフォトスワイプを使用しています。

私のマークアップ：

<ul id="gallery_mobile_about">
        <li>
            <a href="/files/uploads/Detalle-Magrana.jpg" style="background-image: url('/files/uploads/Detalle-Magrana.jpg');" data-iframe="" data-pos="0" data-url="/files/uploads/Detalle-Magrana.jpg" class="gallery-item ui-link"></a>
        </li>
    <li>
            <a href="/files/uploads/Figues-de-Moro.jpg" style="background-image: url('/files/uploads/Figues-de-Moro.jpg');" data-iframe="" data-pos="1" data-url="/files/uploads/Figues-de-Moro.jpg" class="gallery-item ui-link">

            </a>
        </li>
        <li>
            <a href="/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg" style="background-image: url('/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg');" data-iframe="" data-pos="2" data-url="/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg" class="gallery-item ui-link">
            </a>
        </li>
    <li>
            <a href="/files/uploads/Deia-Church-on-Cala-rock.jpg" style="background-image: url('/files/uploads/Deia-Church-on-Cala-rock.jpg');" data-iframe="" data-pos="3" data-url="/files/uploads/Deia-Church-on-Cala-rock.jpg" class="gallery-item ui-link">
            </a>
        </li>
</ul>

js：

$(document).ready(function(){
    var myPhotoSwipe = $("#gallery_mobile_about a").photoSwipe(
    { enableMouseWheel: false , 
        enableKeyboard: false } 
    );                  
});

問題は、ギャラリーが読み込まれているように見えても、背景として「未定義」というテキストの白いページが表示され、ギャラーページを閉じるとこの白いページのままになります（元のビューに戻りません）

結果（ギャラリーに5つのアイテムがある画像をヒット）：http ：//deia.info/m/？lan = 2＆task = view_post＆catid = 14＆blogid = 25

私はここで何が欠けているようですか？

4

2 に答える 2

0

追加はこれをrel="external"解決しました

于 2013-02-19T14:24:31.307 に答える
0

私はすでに属性を持っており、rel="external"これが私のために働くことを試みています。

        var myPhotoSwipe = $("#Gallery a").photoSwipe({
            //your others attributes
            target: 'html'
        });
于 2014-01-17T13:56:27.397 に答える