Question

尝试在单击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);

但是当我点击“Pages”时，没有任何反应，Firebug报告它正在通过JSON加载页面而不是实际渲染它。

有关如何解决此问题的任何想法？

Answer 1

我的猜测是它被加载到Photoswipe模式下面。如果您检查Photoswipe模式，您可能会看到它的z-index设置为超高（500+）。 jQuery Mobile对话框必须具有比Photoswipe更高的z-index才能看到它。

将JQueryMobile对话框功能添加到PhotoSwipe页脚

1 个答案: