Javascript JQUERY将id分配给JQUERY对话框按钮

Javascript JQUERY将id分配给JQUERY对话框按钮,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,请告诉我如何为查询按钮分配id。我正在使用查询对话框模式表单-尝试设置按钮样式,但它不起作用 我的查询代码: buttons: { "Create an account": addUser, Cancel: function() { dialog.dialog( "close" ); } }, 我尝试将其添加为以下内容,但不起作用: buttons: { "Create an account": { addUser,

请告诉我如何为查询按钮分配id。我正在使用查询对话框模式表单-尝试设置按钮样式,但它不起作用

我的查询代码:

buttons: {
      "Create an account": addUser,
      Cancel: function() {
        dialog.dialog( "close" );
      }
    },
我尝试将其添加为以下内容,但不起作用:

buttons: {
      "Create an account": { addUser,
        id: "account-btn"
        Cancel: function() {
          dialog.dialog( "close" );
        }
      }
    },
他们有一类ui按钮。因此,您可以在CSS中将其作为目标:

.dialogForm > .ui-button {  
    /* styles here */
}
或以特定按钮为目标

.dialogForm > .ui-button:nth-of-type(1) {
    /* targets the first button */
}
类似地,您可以使用JS将它们作为目标并添加类,但这样做会更混乱

编辑:如果你想添加一个ID的造型,请考虑使用类代替。但是,下面是如何将id添加到第一个按钮。这是jQueryModal为按钮视图创建的标记。 $function{ //如果您想将另一个按钮作为目标,请使用“button.ui按钮:nth childINT”。 //如果希望同时以选择器和冒号为目标,请删除它们。 var$button=$'div.ui-dialog-buttonpane button.ui按钮:first'; //添加id属性。这里的样式只是为了证明我们得到了正确的东西。 $button.attr'id','uglyId'; $button.css“背景色”、“粉色”; console.log$button.attr'id'; }; JS-Bin 创建帐户 取消
如果您试图设置按钮的样式,请在html中添加id。在您提供的链接上,如果单击“查看源”,然后滚动到最底部,您将看到按钮id已在HTML中设置。“创建帐户”按钮未显示-这是一个隐藏按钮,我不确定如何访问和设置。您指的是“创建新用户”按钮,但我正在搜索“创建帐户”按钮,以便在样式中添加id。我没有看到这一点。实际上,看看你的代码,你对你的按钮做了一些奇怪的事情-下面添加了答案。我想知道如何为特定的按钮分配id,因为它的样式不同于其他按钮。仅供参考,使用DevTools或Firebug查看HTML标记。然后,您可以决定哪些元素有哪些道具可以挂接。