/ / Cambia il pulsante di chiusura di avviso di base per evitare la rimozione da dom? - zurb-foundation

Cambia il pulsante di chiusura di avviso di base per evitare la rimozione da dom? - zurb-foundation

C'è un modo senza modificare la libreria di Zurb Foundation per modificare la loro alert chiudi il comportamento del pulsante in modo che non rimuova l'elemento DOM?

Sto utilizzando un MVC lato client che presuppone che gli elementi del DOM basati su modelli non si cancellano e si affidano invece alla capacità della libreria MVC di nascondere o visualizzare in modo condizionale il contenuto.

Ho provato a farlo $(...).on("close.fndtn.alert", function(event) { ...e il gancio viene sparato, ma event.preventDefault(); non interrompe le fondamenta dall'eliminazione dell'elemento.

In alternativa, se non c'è un modo semplice per agganciarein e annulla la chiusura senza patch di scimmia: esiste un modo per riutilizzare lo stile del pulsante di chiusura, ma non agganciare la funzionalità di chiusura del componente di avviso?

risposte:

1 per risposta № 1

Preferirei collegarmi al loro JS, ma ho capito leggendo la loro parte di personalizzazione SASS del alert docs come copiare lo stile del pulsante di chiusura, ma rinominare l'attributo:

.alert-box {
.dismiss {  // renamed from "close" so I can provide my own hooks
@include alert-close();
}
}

Ora posso agganciare il comportamento di questo pulsante e fornire il mio gestore di licenziamento che ha vinto "t" stomp sul DOM.