Framework7 перенаправить на новую страницу при успешном входе в систему с помощью CSS - PullRequest
Новая
       7

Framework7 перенаправить на новую страницу при успешном входе в систему с помощью CSS

0 голосов
/ 23 сентября 2018

Я пытаюсь создать новый проект в Framework7 с логином и регистрацией.Мой логин и регистрация работают, однако, когда вы успешно войдете в систему и попытаетесь перейти на страницу главного меню, она потеряет таблицу стилей?Я не уверен, что это потому, что с Framework7 вы связываете только таблицу стилей на странице index.html?Это мой JavaScript; 

$(document).ready(function() { //bind enter key to click button
  $(document).keypress(function(e) {
    if (e.which == 13) {
      if ($('#loginform').is(":visible")) {
        $("#loginbutton").click();
      } else if ($('#signupform').is(":visible")) {
        $("#signupbutton").click();
      }
    }
  });

  $('#signup').click(function() {
    $('#loginform').slideUp();
    $('#signupform').slideDown();
    $('#myalert').slideUp();
    $('#signform')[0].reset();
  });

  $('#login').click(function() {
    $('#loginform').slideDown();
    $('#signupform').slideUp();
    $('#myalert').slideUp();
    $('#logform')[0].reset();
  });

  $(document).on('click', '#signupbutton', function() {
    if ($('#susername').val() != '' && $('#spassword').val() != '' && $('#semail').val() != '' && $('#sgender').val() != '' && $('#sweight').val() != '' && $('#sheight').val() != '') {
      $('#signtext').text('Signing up...');
      $('#myalert').slideUp();
      var signform = $('#signform').serialize();
      $.ajax({
        method: 'POST',
        url: 'https://cs1.ucc.ie/~lmm12/pjt/signup2.php',
        data: signform,
        success: function(data) {
          setTimeout(function() {
            $('#myalert').slideDown();
            $('#alerttext').html(data);
            $('#signtext').text('Completed');
            $('#signform')[0].reset();

          }, 4000);
          window.location = "index.html";

        }
      });
    } else {
      alert('Please input all fields to Sign Up');
    }
  });

  $(document).on('click', '#loginbutton', function() {
    if ($('#username').val() != '' && $('#password').val() != '') {
      $('#logtext').text('Logging in...');
      $('#myalert').slideUp();
      var logform = $('#logform').serialize();
      setTimeout(function() {
        $.ajax({
          method: 'POST',
          url: 'https://cs1.ucc.ie/~lmm12/pjt/login2.php',
          data: logform,
          success: function(data) {
            if (data == '') {
              $('#myalert').slideDown();
              $('#alerttext').text('Login Successful. User Verified!');
              $('#logtext').text('Login');
              $('#logform')[0].reset();
              setTimeout(function() {
                window.location = "menu.html";

              }, 2000);

            } else {
              $('#myalert').slideDown();
              $('#alerttext').html(data);
              $('#logtext').text('Login');
              $('#logform')[0].reset();
            }
          }
        });
      }, 2000);
    } else {
      alert('Please input both fields to Login');
    }
  });
});

Я использовал window.location, однако таблица стилей исчезает?

...