將JQueryMobile對話框功能添加到PhotoSwipe頁腳

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); 

但是當我點擊「頁面」，什麼也沒有發生，Firebug的報告說，它通過JSON加載頁面，而不是實際渲染它。

有關如何解決此問題的任何想法？

Answer 1

我的猜測是，它被加載到Photoswipe模式下。如果你檢查Photoswipe模式，你可能會發現它的z-index設置爲超高（500+）。 jQuery Mobile對話框必須具有比Photoswipe更高的z-index才能看到它。