将id分配给jquery对话框按钮

时间:2011-02-08 03:55:12

标签: jquery button dialog

如何为jquery对话框按钮分配一个id。我试过以下但是没有用

buttons: {
Ok: function() {
id="xyz",
...

5 个答案:

答案 0 :(得分:65)

以下(看似未记录的)适用于jQuery 1.8.9:

$("#dlg").dialog({
  buttons :  { 
     "MyButton" : {
         text: "My Button",
         id: "my-button-id",
         click: function(){
             alert("here");
         }   
      } 
   }
});

该按钮可以通过$(“#my-button-id”)

来寻址

答案 1 :(得分:19)

官方网站上的代码为我工作:

$('#dialog').dialog({
    // properties ... 
    buttons: [{
        id:"btn-accept",
        text: "Accept",
        click: function() {
            $(this).dialog("close");
        }
    }, 
    {
        id:"btn-cancel",
        text: "Cancel",
        click: function() {
            $(this).dialog("close");
        }
    }]
});

答案 2 :(得分:3)

@BerndB:谢谢它完美无缺,甚至可以扩展。

$('#loginlink').live('click',function(){
    DC = 'login_box';
    diaOpt = {
        autoOpen : true,
        width : 400,
        title : 'Login',
        buttons: {
            //valiudate login
            'Login' : {
                text : 'Login Now',
                id : 'validateForm',
                click : function(){
                }   
            }
        }
    }

    launchDialog(diaOpt, DC);
});

$('#validateForm').live('click', function(){
    alert('Hellop');
    $("#loginform").validate();
});

答案 3 :(得分:2)

试试这个。

buttons: {
    'MyButton': function() {
        //... configure the button's function
    }

id idter

$('button:contains(MyButton)').attr("id","xyz");  

答案 4 :(得分:0)

$("#OK",{id:'xyz'});

希望它有所帮助