2

PhotoSwipeフッターのオプションをクリックするとjQueryMobileダイアログが開くようにしようとしています。

私は次のコードを使用しています：

                 options = {
                    enableMouseWheel: true,
                        enableKeyboard: true, 
                        getToolbar: function(){
                            return '<div class="ps-toolbar-close" style="padding-top: 12px;">Close</div><div class="ps-toolbar-play" style="padding-top: 12px;">Play</div><div class="ps-toolbar-previous" style="padding-top: 12px;">Previous</div><div class="ps-toolbar-next" style="padding-top: 12px;">Next</div><a onclick="" href="pages.aspx" data-role="button" data-icon="grid" data-transition="slidedown" data-iconpos="bottom">Pages</a>';
                        }
                    };


                    myPhotoSwipe = $("#Gallery a").photoSwipe(options);

しかし、[ページ]をクリックしても何も起こりません。Firebugは、JSONを介してページを読み込んでおり、実際にはレンダリングしていないと報告しています。

これを解決する方法について何かアイデアはありますか？

4

1 に答える 1

2

私の推測では、Photoswipe モーダルの下にロードされていると思います。Photoswipe モーダルを調べると、おそらく z-index が非常に高く (500+) 設定されていることがわかります。jQuery Mobile ダイアログが表示されるには、Photoswipe よりも高い z-index が必要です。

于 2012-02-20T18:02:57.330 に答える