javascript - 如何通过 jQuery 在模态窗口中实现此功能？

Question

我在 html 列表中有一堆 li。

ul li img .det li

我想做一件事，当我点击弹出窗口时，我会显示一个模式弹出窗口。我想在我的模态弹出窗口中有一个 prev next 按钮（希望它们在 jQuery 中）

我试过http://webdesigntutsplus.s3.amazonaws.com/tuts/316_modal/source/index.html

他们是否有任何插件或脚本使我能够制作此功能。我还想从我拥有的 det 数据中设置模式弹出窗口。

.det 是隐藏容器。它仅在有人单击时显示。有人有想法在这里实现插件以获得使我能够使用 prev-next 按钮制作功能模式弹出窗口的功能。

Answer 1

我不知道您的代码中有什么，但是在您的 .det li （在 html 中）上，您可以设置一个函数 onclick="popup()" 并在 js 函数中初始化您的弹出窗口，例如：

function popup(){
            $( "#dialog:ui-dialog" ).dialog( "destroy" );

            $( "#dialog-modal" ).css("display", "auto");

    $( "#dialog-modal" ).dialog({
        modal: true,
    });

        }

（如果您的对话框是模态的并命名为“dialog-modal”）。希望能帮助到你。