0

我正在使用 bPopup jquery 插件在模态弹出窗口中打开 ajax html 文件，但我想扩展它以便在不单击的情况下转到模态中的下一张幻灯片？

这是我正在使用的当前代码：

$(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，有没有办法做到这一点？我尝试添加打开模式，但它确实触发了一个事件。

4

1 回答 1

0

使用 Fancybox 之类的东西可能会为您节省很多时间，因为像您尝试做的那样扩展bPopup可能会非常麻烦。使用 Fancybox，您可以简单地rel为每个模态链接添加一个属性，然后$.fancybox.next()和$.fancybox.prev()将带您进入下一个/上一个模态rel。另一种选择是具有类似功能的彩盒。

于 2014-03-03T18:04:33.880 回答