Ciao a tutti e ben trovati, non sapendo dove sbattere la testa ho deciso di iscrivermi spero anche di poter dare il mio contributo.
Problema:
ho una pagina Aspx --> Deafult.aspx, la home del sito
Al click su login mi apre un pop-up , dove c'è la sezione Login e Sign: con javascript controllo l'evento open e close
Il problerma è che sulla parte login mi mostra anche la parte Sign : sembrerebbe che il fadeout del Login non funzioni molto bene, solo sulla default.aspx, se vado sulle altre pagine e richiamo il login le sezioni si vedono bene --> NON CAPISCO PROPRIO DOVE SBAGLIO !!!
Dettaglio: Nella immagine di seguito sulla parte Login mi mostra anche il SIgn
Login.PNG
Di seguito i dettagli:
Default.aspx:
codice:
<div class="popup popup--left">
<a title="Close" href="#" class="popup__close">
<i class="las la-times la-24-black"></i>
</a><!-- .popup__close -->
<div class="popup__content">
<div class="popup__user popup__box open-form">
<a title="Login" href="#" class="open-login">Login</a>
<a title="Sign Up" href="#" class="open-signup">Sign Up</a>
</div>
...............
Main.js (il javascript che richiamo)
codice:
$('.popup-background').on('click', function (e) {
e.preventDefault();
$(this).fadeOut();
$(this).parents('.site-header').find('.popup').removeClass('open');
});
$(document).on('click', '.open-login', function (e) {
e.preventDefault();
$('.popup--left').removeClass('open');
$(this).parents('#wrapper').find('.nav-login').addClass('active');
$(this).parents('#wrapper').find('.form-log').fadeIn(0);
$(this).parents('#wrapper').find('.nav-signup').removeClass('active');
$(this).parents('#wrapper').find('.form-sign').fadeOut(0);
$(this).parents('#wrapper').find('.popup-background').fadeIn(0);
$(this).parents('#wrapper').find('.popup-form').toggleClass('open');
});
$('.open-signup').on('click', function (e) {
e.preventDefault();
$('.popup--left').removeClass('open');
$(this).parents('#wrapper').find('.nav-signup').addClass('active');
$(this).parents('#wrapper').find('.form-sign').fadeIn(0);
$(this).parents('#wrapper').find('.nav-login').removeClass('active');
$(this).parents('#wrapper').find('.form-log').fadeOut(0);
$(this).parents('#wrapper').find('.popup-background').fadeIn(0);
$(this).parents('#wrapper').find('.popup-form').toggleClass('open');
});
Help me ...