jQuery UI Dialog - ustawić domyślny config

Question

Mam kilka jQuery UI dialogi teleskopowe, z których każdy zawiera następujące informacje:

open: function(event, ui) { 
     $(".ui-dialog-titlebar").removeClass("ui-corner-all"); 
     $(".ui-dialog").removeClass("ui-corner-all"); 
}, 

To jest tak, że okno posiada kwadratowe narożniki, zamiast okrągłych nich. Zastanawiam się, czy możliwe jest ustawienie tego zestawu jako domyślnego, tak, że nie muszę wstawiać tego kodu do każdej konfiguracji okna dialogowego na stronie.

Wiem, że mogę edytować CSS, ale bardziej sensownym jest usunięcie klasy, jeśli nie jest to konieczne

Answer 1

Wiem, że nie jest doskonały, ale można zdefiniować własny obiekt defaults zawierający wartości domyślne. Potem, jeśli trzeba zastąpić lub dodać do tych wartości domyślnych, można użyć $.extend:

var dialogDefaults = { 
    open: function (event, ui) { 
     $(".ui-dialog-titlebar").removeClass("ui-corner-all"); 
     $(".ui-dialog").removeClass("ui-corner-all"); 
    } 
}; 
// then later on: 
$("#foo").dialog($.extend({ }, dialogDefaults, { 
    autoOpen: false, 
    width: 500, 
    /* etc... */ 
})); 

Należy również pamiętać, że w przypadku zdarzeń, można wiązać z nimi poza opcjami obiektów przy użyciu on (lub jego rodzeństwo delegate, bind i live). Można stosować tę procedurę obsługi zdarzenia do wielu oknach, stosując tę ​​samą klasę do wszystkich dialogów, na przykład:

$("div.my-dialog-class").on("dialogopen", function (event, ui) { 
    $(".ui-dialog-titlebar").removeClass("ui-corner-all"); 
    $(".ui-dialog").removeClass("ui-corner-all"); 
}); 

Wystarczy pamiętać, że ta funkcja obsługi zdarzenia nie będzie wystrzelić nowych oknach. Można pozwolić bańki zdarzeniu DOM do body i dołączyć obsługi zdarzeń tam (jest to droga pójdę):

$(document.body).on("dialogopen", "div.my-dialog-class", function (event, ui) { 
    $(".ui-dialog-titlebar").removeClass("ui-corner-all"); 
    $(".ui-dialog").removeClass("ui-corner-all"); 
}); 

Dzięki tej metodzie delegacji zdarzeń, starasz się swoją funkcję open wszystkim dialogi, które kiedykolwiek będą dołączone do document.body.