如何通过jQuery在模态窗口中创建此功能?

时间:2012-06-01 09:11:18

标签: javascript html css

我在html列表中有一堆li。

UL  里   IMG   .det  利

我想做一件事,当我点击弹出窗口然后我会显示一个模态弹出窗口。我想在我的模态弹出窗口中使用prev next按钮(在jQuery中想要它们)

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

他们的任何插件或脚本是否能让我能够做到这一点。我还想从我拥有的数据中设置模态弹出窗口。

.det是隐藏容器。它只在有人点击时显示。有人在这里有实现插件的想法,以获得使我能够使用prev-next按钮进行功能模式弹出的功能。

1 个答案:

答案 0 :(得分:2)

我不知道你的代码中有什么,但是你的.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”)。 希望它有所帮助。