У меня нет опыта работы с jquery или javascript. Я пытаюсь реализовать эту технику, чтобы отвечать на запросы пользователей на ошибки или сообщения в целом.
отбой-dimmingcovering-фон-контент-с JQuery
Этот метод использует событие onclick, и это не то, что им после, я попытался заменить .onclick на .load, но это, похоже, не работает. Я быстро исправляюсь, так как у меня нет времени изучать jquery или обработчики событий.
Цель состоит в том, чтобы поймать любые ошибки или сообщения, и как только они вызваны, окно предупреждения вызывается без каких-либо дополнительных действий, таких как .onclick.
Как будет выглядеть мой код:
{PHP} $forms = new forms(); if(count($forms->showErrors) > 0 // or == true) { foreach($forms->showErrors as $error) { print('<p class="alert">'.htmlspecialchars($error, ENT_QUOTES).'</p>'); } } Edit: ALL FIXED, спасибо!
Вы находитесь на правильном пути с «.load», но хотите привязать эту функцию к «готовому» событию страницы (когда DOM завершен, вам не нужно ждать события загрузки), так что что вам нужно изменить – если вы используете образец кода на странице Lights Out:
$(document).ready(function(){ //Adjust height of overlay to fill screen when page loads $("#fuzz").css("height", $(document).height()); //When the link that triggers the message is clicked fade in overlay/msgbox //$(".alert").click(function(){ // $("#fuzz").fadeIn(); // return false; //}); // INSTEAD: If any errors are present in the page, fade in the layer: if ( $("p.alert").length ) { $("#fuzz").fadeIn(); } // end of change //When the message box is closed, fade out $(".close").click(function(){ $("#fuzz").fadeOut(); return false; }); }); //Adjust height of overlay to fill screen when browser gets resized $(window).bind("resize", function(){ $("#fuzz").css("height", $(window).height()); });
Обязательно включите HTML и CSS для слоя.