Simple Modal sur un div caché

Question

Je veux avoir un div caché sur la page avec les éléments d'un dialogue SimpleModal, mais quand j'ai mis la visibilité CSS à caché et déclencher le modal, il est vide.

Comment puis-je utiliser un DIV de cette manière sans le rendre visible sur la page?

Answer 1

Au lieu de visibility: hidden; ce que vous voulez est display: none;. La plupart des plugins jQuery fonctionnent à display au lieu de visibility (encore plus de fonctions jQuery de base liées à l'affichage/la dissimulation).

SimpleModal (et tous les autres modes de transport jQuery Je sais off) renversera display: none quand ils montrent modal ... qu'ils attendent réellement ce :)

Answer 2

Sans voir exactement ce que vous essayez de faire, je peux seulement deviner ce que le problème pourrait être.

Par défaut, SimpleModal "rendra visible" l'élément que vous lui envoyez. Si vous avez du contenu dans cet élément, vous devrez le "montrer" manuellement.

Quelque chose comme cela résoudrait le problème:

$(element).modal({ 
    onShow: function (d) { 
     $(hiddenElement).show(); 
    } 
});