2010-08-23 43 views
0

我需要更改在jQuery UI对话框模式中创建的输入按钮的值,以便以用户的语言显示它们。jQuery UI模式输入按钮值

我不明白该怎么做。

var $dialog = $('<div><div style="padding:10px;text-align:left">' 
     +'New name' 
     +'</div>' 
     +'<div style="padding:0 10px 10px 10px;text-align:left;">' 
     +'<input id="dialogInput" style="width:370px" type="text"/>' 
     +'</div></div>') 
      .dialog({ 
     modal:  true, 
     title:  'title', 
     width:  400, 
     buttons: { 
      **'Ok'**: function() { 
       $(this).dialog('close'); 
       return true; 
       }, 
      **'Cancel'**: function() { 
       $(this).dialog('close'); 
       return true; 
       } 
      } 
    }); 

谢谢!

回答

0

找到了解决办法

var $dialog = $('<div><div style="padding:10px;text-align:left">' 
    +'New name' 
    +'</div>' 
    +'<div style="padding:0 10px 10px 10px;text-align:left;">' 
    +'<input id="dialogInput" style="width:370px" type="text"/>' 
    +'</div></div>') 
     .dialog({ 
    modal:  true, 
    title:  'title', 
    width:  400, 
    buttons: { 
     **'Ok'**: function() { 
      $(this).dialog('close'); 
      return true; 
      }, 
     **'Cancel'**: function() { 
      $(this).dialog('close'); 
      return true; 
      } 
     } 
}); 

// i was missing the parent() traversing needed since the form is embedded in the dialog popup 
$dialog.parent().find('button:contains("Ok")').text('New Ok text'); 
$dialog.parent().find('button:contains("Cancel")').text('New cancel text'); 
+0

我往往只是把我的对话框中的标记,但添加显示:隐藏;到CSS,所以它只在需要时显示,而不是在脚本中嵌入标记。 – 2010-08-24 13:41:35

+0

不能以这种形式存在标记,因为此功能(对话)以多种不同形式即时调用。 在这里它被简化了,但在真实的应用程序中,我有不同的标记对话框。我是来自Prototype的jQuery的新手,并且移植了一整套应用程序。 – velo 2010-08-24 17:29:51