Проблемы с добавлением класса в диалоговое окно jquery ui

Я пытаюсь добавить дополнительный класс в мой диалог jQuery с помощьюdialogClass имущество. Вот этот 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 учебный класс

 Sampson28 мая 2012 г., 18:52
It works с 1.8.16 тоже.
 KoU_warch28 мая 2012 г., 18:48
какая версияjQuery UI? я используюjQuery UI 1.8.16, Только что увидел, что используется 1.8.18, дайте мне проверить это. Ty!
 Sampson28 мая 2012 г., 18:42
dialogClass works for me, Ваш кодalso works for me.

Ответы на вопрос(1)

Решение Вопроса

ВашnoPadding класс успешно добавляется в диалог. Я подтвердил это, поместив вашу разметку и скрипты в скрипку и загрузив jQuery UI 1.8.16 (версия, с которой вы тестировали). Этот тест доступен онлайн наhttp://jsfiddle.net/QHJKm/3/.

Я подозреваю, что путаница здесь с ожидаемым эффектомnoPadding будет иметь на самом диалоге. Возможно, вы истолковали его отсутствие эффекта как признак, который он не был добавлен с самого начала. Как вы заметите в моем примере, я получил довольно смелый стиль, красный фон. Это быстро подтверждает, что класс действительно добавляется в диалог.

 KoU_warch28 мая 2012 г., 19:35
О, теперь я понимаю, что вы говорите! он не добавлен вtoogleMAmaximized как и следовало ожидать, но до создания элемента div! (тот, который имеет свойство rol = dialog для тех, кто с ним не знаком). Итак, единственное, что осталось сделать, это добавить класс к реальному div, сразу после диалога (& quot; open & quot;), спасибо!
 KoU_warch28 мая 2012 г., 19:16
я очень смущен здесь, как я могу дальше отлаживать это? единственный способ получитьnoPadding класс жестко записывает его вtoogleMAmaximized поделись сам. Могу ли я иметь сломанный 1.8.16? Я сейчас загружаю новую версию.

Ваш ответ на вопрос