Problemy z dodawaniem klasy do okna dialogowego jquery ui

Question

Próbuję dodać dodatkową klasę do mojego okna dialogowego jQuery z właściwością dialogClass. Oto 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> 

Tylko w przypadku, gdy jej potrzebujesz, mój kod 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> 

Jak widać, próbowałem dodać klasę na wiele sposobów, próbowałem wszystko możliwe kombinacje, ale wciąż uzyskuje się ten sam wynik: brak noPadding klasa

Answer 1

Twoja klasa noPadding jest pomyślnie dodawana do okna dialogowego. Potwierdziłem to, umieszczając twoje znaczniki i skrypty w skrzypcach i ładując jQuery UI 1.8.16 (wersję, z której testowałeś). Ten test jest dostępny online pod adresem http://jsfiddle.net/QHJKm/3/.

Podejrzewam, że zamieszanie jest tutaj z oczekiwanym skutkiem, ponieważ noPadding będzie mieć na samym oknie dialogowym. Możliwe, że zinterpretowałeś jej brak efektu jako wskazówkę, że nie został dodany na początku. Jak zauważysz w moim przykładzie, mam dość śmiały styl, czerwone tło. To szybko potwierdza, że ​​klasa rzeczywiście jest dodawana do okna dialogowego.