如何實現模式下的Ajax彈出窗口Next/Prev

我正在使用bPopup jquery插件來打開模式彈出窗口中的ajax html文件，但我想擴展它以便在未點擊模式中的下一張幻燈片出來嗎？如何實現模式下的Ajax彈出窗口Next/Prev

下面是我使用的當前代碼：

$(document).ready(function() { 
$('.my-button').bind('click', function(e) {//select all the buttons with a class selector 

     var loadFile = $(this).data("file"); 

     // Prevents the default action to be triggered. 
     e.preventDefault(); 

     // Triggering bPopup when click event is fired 
     $('#element_to_pop_up').bPopup({ 
      contentContainer:'.content', 
      loadUrl: loadFile //Uses jQuery.load() 
     }); 
    }); 
}); 

<button data-file="test1.html" class="my-button">Load one modal</button> 
<button data-file="test2.html" class="my-button">Load another modal</button> 
<button data-file="test3.html" class="my-button">Load a third modal</button>

例如，如果test1.html是在模式打開，我想去開模框內test2.html無關閉test1.html，並在另一個模式中打開test2.html，有沒有辦法做到這一點？我曾嘗試添加開放模式，但它確實觸發了一個事件。

來源

2014-03-03 user5248

它可能會爲你節省大量的時間，只需使用類似Fancybox因爲bPopup延長像你正在嘗試做的將可能是非常錯誤。使用Fancybox，您可以簡單地爲每個模態鏈接添加一個rel屬性，並且$.fancybox.next()和$.fancybox.prev()將帶您前往下一個/上一個模式，該模式爲rel。另一種替代方法是具有類似功能的colorbox。

來源

2014-03-03 18:04:33 Tomanow

如何實現模式下的Ajax彈出窗口Next/Prev

回答

相關問題