jQuery UI Dialog - impostare una configurazione di default

Question

Ho diversi gestori di jQuery UI Finestre, ognuno dei quali contiene quanto segue:

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

Questo è così che la finestra ha angoli quadrati, piuttosto che quelli rotondi. Mi stavo chiedendo se è possibile avere questo set come predefinito, in modo che non devo inserire questo codice in ogni finestra di dialogo di configurazione nella pagina.

So che posso modificare il CSS, ma ha più senso rimuovere effettivamente la classe se non è necessaria.

Answer 1

So che non è perfetto, ma è possibile definire il proprio oggetto defaults che contiene i valori predefiniti. Poi, se è necessario sostituire o aggiungere a quelle di default, è possibile utilizzare $.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... */ 
})); 

Ricordiamo inoltre che per gli eventi, è possibile associare a loro al di fuori delle opzioni oggetto utilizzando on (o suoi fratelli delegate, bind e live). È possibile applicare tale gestore di eventi a più finestre di dialogo, applicando la stessa classe a tutte le finestre di dialogo, ad esempio:

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

Basta tenere a mente che questo gestore di eventi non sparare per le nuove finestre di dialogo. Si potrebbe lasciare la bolla dell'evento il DOM al body e allegare il gestore di eventi c'è (questo è l'itinerario vorrei andare):

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

Con questo metodo di delega evento, si sta applicando la funzione open a tutti finestre di dialogo che verranno mai aggiunte a document.body.