Добавление функциональности JQueryMobile Dialog в нижний колонтитул PhotoSwipe - PullRequest
2 голосов
/ 06 февраля 2012

Попытка заставить диалог jQueryMobile открываться при нажатии на опцию в нижнем колонтитуле PhotoSwipe.

Я использую следующий код:

                 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 и фактически не отображает ее.

Есть идеи, как решить эту проблему?

1 Ответ

2 голосов
/ 20 февраля 2012

Я предполагаю, что он загружается под модалом Photoswipe. Если вы осмотрите модал Photoswipe, вы, вероятно, увидите, что его z-индекс установлен на очень высоком уровне (500+). Диалог jQuery Mobile должен иметь более высокий z-индекс, чем Photoswipe, чтобы вы могли его видеть.

...