interdire l'actualisation d'une page lors de la fermeture d'une boite de dialogue
Bonjour,
j'ai crée une page dans laquelle j'appelle un boite de dialogue me permettant le partage des actualités sur facebook, twitter..etc, quand l'utilisateur clique sur partager j'affiche cette boite de dialogue avec un arrière plan transparent qui empêche l'interaction avec la page en dessous. mon problème est que quand je ferme cette boite de dialogue la page qui est en dessous se rafraichit !!!
Pourriez vous me dire comment interdire le rafraichissement de cette dernière?
Merci pour votre aide d'avance.
code bouton :
<a href="pages/config.html" data-rel="dialog" data-role="button" data-icon="config" data-iconpos="left" data-transition="pop">Config.</a>
code js :
$(function() {
$('div[data-role="dialog"]').live('pagebeforeshow', function(e, ui) {
ui.prevPage.addClass("ui-dialog-background ");
});
$('div[data-role="dialog"]').live('pagehide', function(e, ui) {
$(".ui-dialog-background ").removeClass("ui-dialog-background ");
});
});
code css :
.ui-dialog-background {
opacity: 0.4;
display: block !important;
-webkit-transition: opacity 0.5s ease-in;
}
.ui-dialog-background.pop.in {
opacity: 1;
-webkit-transition: opacity 0.5s ease-in;
}
.ui-dialog {
min-height: 100% !important;
background: transparent !important;
}
cordialement,
Nabil