Sự cố thêm lớp vào hộp thoại jquery ui

Question

Tôi đang cố thêm một lớp bổ sung vào hộp thoại jQuery của mình với thuộc tính dialogClass. Đây là 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> 

Chỉ trong trường hợp bạn cần nó, mã html của tôi

<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> 

Như bạn thấy, tôi đã cố gắng thêm lớp bằng nhiều cách, tôi đã thử tất cả các kết hợp có thể có nhưng vẫn giữ được kết quả tương tự: không có noPadding lớp

Answer 1

Lớp noPadding của bạn đang được thêm thành công vào hộp thoại. Tôi đã xác nhận điều này bằng cách đặt đánh dấu của bạn và các kịch bản trong một fiddle, và tải jQuery UI 1.8.16 (phiên bản bạn đã thử nghiệm với). Kiểm tra này có sẵn trực tuyến tại http://jsfiddle.net/QHJKm/3/.

Tôi nghi ngờ sự nhầm lẫn ở đây là với hiệu ứng mong đợi noPadding sẽ có trên hộp thoại. Nó có thể là bạn giải thích thiếu hiệu quả của nó như là một dấu hiệu cho thấy nó không được thêm vào để bắt đầu. Như bạn sẽ lưu ý trong ví dụ của tôi, tôi đã có một phong cách khá táo bạo, một nền màu đỏ. Điều này nhanh chóng xác nhận rằng lớp thực sự đang được thêm vào hộp thoại.