将功能应用于ui对话框按钮单击

时间:2012-06-05 09:42:08

标签: jquery jquery-ui

我正在尝试在ui对话框按钮的单击事件中创建一个多击功能。基本上我想在多个div之间切换,以便在用户单击“下一步”按钮时在对话框内显示不同的内容。目前我似乎只能让它触发一个事件。

这是我的js有效但只触发一个事件。

dialog.dialog({
        // add a close listener to prevent adding multiple divs to the document
        close: function(event, ui) {
            // remove div with all data and events
            dialog.remove();
        },
        modal: true,
        resizable: false,
        draggable: false,
        stack: false,
        width: 480,
        buttons: [
            {
                text: "Cancel",
                click: function() { $(this).dialog("close"); }
            },
            {

                id: "cta",
                click: function() {
                    $('.ui-dialog').css('top', '100px');
                    $(this).find('#modal p').remove();
                }
            }
        ]
    });

主要部分是问题是“按钮”内的最后一次点击。这可能吗?我试图调用一个函数,而不是将其设置在点击本身内,但这也不起作用。

1 个答案:

答案 0 :(得分:2)

你正在寻找这样的东西吗?

http://jsfiddle.net/rsarika/h7fSf/