javascript — для адаптивного дизайна, как я могу включить другой файл header.php для мобильных пользователей?
Я хочу изменить свой файл header.php для мобильных устройств. Я пробовал это решение javascript, но оно не записывает файл php. Как я могу это исправить?
<script language=javascript>
if (screen.width >= 720 )
$('#header').load('header.php');
else (
$('#header').load('header-mobile.php');
)
</script>
<div id="header"></div>
Спасибо
Решение
Почему вы хотите импортировать разные файлы? Вы можете использовать медиа-запросы с CSS и добавить класс для каждого типа заголовка, например:
<div class="mobile-header">
</div>
<div class="header">
</div>
А в CSS вы просто скрываете это / показываете его с помощью медиа-запросов:
.header-mobile {
display: none;
}
@media (max-width: 600px) {
.header {
display: none;
}
.header-mobile {
display: block;
}
}
Это означает, что ваш .header-mobile div будет скрыт, если ваш размер окна не равен 600px или меньше, в этом случае ваш .header будет скрыт.
Надеюсь, поможет!
Другие решения
Других решений пока нет …