dialogClass
속성을 사용하여 jQuery 대화 상자에 클래스를 추가하려고합니다. jquery UI 대화 상자에 클래스 추가 문제
$(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>
에, 나는 모든 시도했다
다음은 자바 스크립트입니다 가능한 조합은 있지만 계속 동일한 결과를 얻습니다. nonoPadding
클래스
'dialogClass' [나를 위해 일합니다] (http://jsfiddle.net/QHJKm/). 귀하의 코드는 [나를 위해 일합니다] (http://jsfiddle.net/QHJKm/1/). – Sampson
'jQuery UI'의 버전은 무엇입니까? 나는'jQuery UI 1.8.16'을 사용하고 있습니다. 1.8.18을 사용했는지 확인해 보았습니다. 타이! –
1.8.16과 [It works] (http://jsfiddle.net/QHJKm/3/)도 있습니다. – Sampson