jQuery UI-更改提交功能

我有一个jquery对话框，它加载一个表单，在submit按钮上，它提交表单

    dialog = $("#dialog-form").dialog({
        autoOpen: false,
        height: 440,
        width: 420,
        modal: true,
        buttons: {
            "Submit": function () {
                $("#LogOnForm").submit();
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });

假设#LogOnForm是简单的表单，只有很少的文本字段

现在，我决定在加载多个表单的对话框中使用jquery选项卡，并根据所选选项卡调用相应的表单

$("#tabs").bind("tabsselect", function (event, ui) {
        switch (ui.index) {
            case 0:
                //Change the submit function
                break;

            case 1:
               //Change the submit function
                break;
        }

我的问题是如何根据所选选项卡更改提交功能

我已经做了一些类似的工作

有没有关于优雅的方法的建议？

你可以试试这个

var formid;

$("#tabs").bind("tabsselect", function (event, ui) {
    switch (ui.index) {
        case 0:
            formid = '#form1';
            break;

        case 1:
           //Change the submit function
            break;
    }

$(formid).submit();

---

您不能在更改选项卡时解除现有提交事件的绑定并添加新的提交事件吗？我无法获取按钮上的id。是的，一种方法是添加id和in代码，按照问题中链接的建议取消绑定/绑定。是否有一种方法可以获取对话框的对象并更改事件？是的，最终我在案例中使用了类似“selectedForm=$（“#LogOnForm”）”和“selectedForm=$（“#RegisterPerform”）”的内容。到目前为止一切都很顺利。