gpt4 book ai didi

jquery-ui - 向 jquery ui 对话框添加类的问题

转载 作者:行者123 更新时间:2023-12-03 22:33:04 24 4
gpt4 key购买 nike

我正在尝试使用 dialogClass 向我的 jQuery 对话框添加一个额外的类。属性(property)。这是javascript:

$(function(){
$( "#toogleMAmaximized" ).dialog({
title: 'Missions and Achivments',
autoOpen: false,
height: 500,
width: 700,
modal: true,
dialogClass: 'noPadding',
buttons: {
Cancel: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}

})
$( "#toogleMAminimized" ).click(function() {
$( "#toogleMAmaximized" ).dialog( "open" );
$( "#toogleMAmaximized" ).dialog({dialogClass:'noPadding'});
});
})

<div id="toogleMAminimized" style="" class="noPadding">
<div class="" style="cursor: pointer;position: absolute;right: 0;top: 45px;"><img src ="images/MAminimized.png" alt="missions and achivments"/></div>
</div>

以防万一你需要它,我的html代码
<div id="toogleMAmaximized" >
<div id="missions">
<div id="mission1" missiontitle="A new home!" missionpoint="1" missionicon="images/missions/icon/anewhome-icon.png" missionimage="images/missions/anewhome.png" made="f" class="mission notDone"> </div>
</div>
<div id="achivments">
<div id="achivment1" achivmenttitle="Lucha sin cuartel!" achivmentpoint="10" achivmenticon="images/achivments/icon/1.png" achivmentimage="images/achivments/icon/luchasincuartel-plata-ico.png" made="t" class="achivment done"> </div>
</div>
</div>

如您所见,我尝试以多种方式添加类,尝试了所有可能的组合,但始终得到相同的结果:否 noPadding类(class)

最佳答案

您的 noPadding类已成功添加到对话框中。我已经通过将您的标记和脚本放在 fiddle 中并加载 jQuery UI 1.8.16(您正在测试的版本)来确认这一点。此测试可在 http://jsfiddle.net/QHJKm/3/ 在线获得.

我怀疑这里的困惑与预期的效果 noPadding将在对话框本身上进行。可能是您将其缺乏效果解释为没有添加它的迹象。正如您将在我的示例中注意到的,我采用了相当大胆的风格,红色背景。这很快确认该类确实被添加到对话框中。

关于jquery-ui - 向 jquery ui 对话框添加类的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10787865/

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