Magnific Popup + ajax調用html片段

嘗試實現ajax內容的大型彈出窗口。只想從鏈接指向的頁面加載元素。爲了更容易，我使用「數據片段」作爲鏈接上的一個屬性。標記看起來是這樣的：Magnific Popup + ajax調用html片段

<a href="browse-taxonomy.html" class="modal-ajax-fragment" data-fragment="#browse-taxonomy" title="Browse">

JS函數看起來像這樣：

$('.modal-ajax-fragment').magnificPopup({ 
      type: 'ajax', 
      fixedContentPos: false, 
      fixedBgPos: true, 
      overflowY: 'auto', 
      closeBtnInside: true, 
      preloader: false, 
      midClick: true, 
      removalDelay: 300, 
      mainClass: 'my-mfp-zoom-in', 
      disableOn: 480, 

      callbacks: { 

      parseAjax: function(mfpResponse) { 

        var mp = $.magnificPopup.instance, 
         t = $(mp.currItem.el[0]), 
         fragment = (t.data('fragment')); 

         mfpResponse.data = $(mfpResponse.data).find(fragment); 
         console.log('Ajax content loaded:', mfpResponse); 
      } 
      } 
     });

的偉大工程，在所有的現代瀏覽器（Chrome，FF，Safari瀏覽器，IE10） - 但我必須做一些錯誤的b/c它絕對扼殺在IE9及以下。 IE的控制檯/檢查員告訴我什麼都沒有 - 有時它會在旋轉幾分鐘後運行 - 有時它會將程序鎖定。

任何想法是什麼可能導致這樣的頭痛的IE瀏覽器？謝謝！

來源

2013-08-16 Bob

它正在記錄到導致問題的控制檯。刪除，一切都很好:) – Bob

嗨鮑勃，請張貼您的解決方案作爲問題的答案，並將其標記爲接受的答案。 – thorne51

解決方案：刪除記錄該mfpResponse到控制檯的行：

//的console.log（ 'Ajax內容加載：'，mfpResponse）;

來源

2014-08-22 15:54:09 Bob

謝謝你。我遇到了同樣的問題，並且快速的Google爲我節省了數小時的時間。 – LBF

很高興我終於可以幫助別人！ Stack已經無數次地拯救了我的理智，很高興在一段時間內恢復了這種情緒:-) – Bob

Magnific Popup + ajax調用html片段

回答

相關問題