jQuery UI的 - 改变提交功能

我有一个jQuery的对话框，它加载表单并提交按钮，它提交表单jQuery UI的 - 改变提交功能

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; 
     }

我的问题是如何根据变化的提交功能上选项卡选中？

我已经经历了几项工作，如suggested here。

任何建议以优雅的方式来做到这一点？

来源

2014-10-05 asb

你不能只是解除绑定现有的提交事件和标签更改添加新提交的事件？ – Maffelu 2014-10-05 07:47:55

我不能得到按钮上的ID。是的，一种方法是在问题的链接中建议添加id和代码，解除绑定。有没有一种方法来获取对话框的对象并更改事件？ – asb 2014-10-05 07:52:44

你可以试试这个..

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();

来源

2014-10-05 08:01:56

是的，最终我在案例中使用了“selectedForm = $（”＃LogOnForm“）”和“selectedForm = $（”＃RegisterForm“）”。目前运行良好。 – asb 2014-10-06 00:55:15

jQuery UI的 - 改变提交功能

回答

相关问题