gpt4 book ai didi

jquery-ui - jquery自定义对话框按钮

转载 作者:行者123 更新时间:2023-12-01 06:53:33 26 4
gpt4 key购买 nike

enter image description here我正在使用带有查询 ui 1.8.7.custom.min.js 的 jquery 对话框

我需要自定义对话框上的按钮以及它们在对话框上显示的位置。我能够在很大程度上自定义我的对话框,但自定义按钮及其位置到目前为止一直很困难。请在下面找到屏幕截图和代码

HTML:

<style>
.ui-dialog, .ui-dialog-content {
border:1px solid #cde68c;
border-bottom:0px;
background-color: white !important;
color: #333;
font: 12px/180% Arial, Helvetica, sans-serif;
}
.ui-dialog-titlebar {
display:none;
}
#ui-dialog-title-dialog {
color: yellow !important;
text-shadow: none;
}
.ui-dialog-buttonpane {
border:1px solid #cde68c;
border-top:0px;
margin-bottom: 1%;
}

</style>
<div id="dialog">
<p><span id="emailNotice"></span></p>
</div>

Javascript:

$j(document).ready(function() {

$j('#dialog').dialog('open');
$j('#emailNotice').html('show some notice text abcd');

$j('#dialog').dialog({
modal:true,
autoOpen: false,
width: 600,
buttons: {
"Ok": function() {
$j(this).dialog("close");
},
"Cancel": function() {
className: 'cancelButtonClass',
$j(this).dialog("close");
}
}
});
});

我希望能够将按钮向左、向右、顶部/底部等定位

最佳答案

您始终可以为 buttons 属性传递一个空对象。然后,您可以直接在“对话框”div 中添加按钮。当然,这意味着您必须手动处理按钮单击事件。

粗略示例:

<div id="dialog">
<p><span id="emailNotice"></span></p>
<button id="myButton">Submit</button>
</div>

Javascript:

$j('#dialog').dialog({
modal:true,
autoOpen: false,
width: 600,
buttons: {}
}
});

关于jquery-ui - jquery自定义对话框按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11353862/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com