Я пытаюсь иметь два раздела на одной странице, раздел входа и приложение.Слайд два divs одновременно
Идея onLoginSubmit() заключается в том, чтобы сдвинуть влево раздел входа в систему и вставить вправо приложение.
Рассмотрим этот HTML:
<section id="login-section">
</section>
<section id="app-section" style="display: none;">
</section>
И в JS я использую:
$('#login-section').toggle("slide", { direction: "left" }, 500);
$('#app-section').toggle("slide", { direction: "right" }, 500);
Что происходит, что Логин-раздел не выскользнуть слева, но приложение-секция получает только после переход закончился, поэтому я получаю фон по умолчанию, когда раздел входа выходит из экрана.
Я использую jQuery и jQuery UI. Любая помощь приветствуется.
Эта идея имеет настоящую проблему безопасности. Весь ваш личный контент будет виден даже без входа в систему. 'display: none' только делает это невидимым в визуализированном документе, но не в коде, поэтому все люди смогут видеть содержимое успешного входа в систему –
. Я знаю об этом. Это всего лишь небольшой проект, который я делаю, чтобы изучить интерфейс. – HelderMPinhal
Учиться в интерфейсе включает в себя безопасность и лучшие практики. Научиться делать это неправильно, это не учиться. –