Javascript в PHP не работает
Я использую увеличенный скрипт jquery, чтобы использовать различные скользящие фоны для моей страницы WordPress.
Теперь я хотел сделать разные слайды для каждого сайта, и мне нужен php if request.
Мой код:
<?php if ( is_page(array('Restaurant'))) {
echo"<script type="text/javascript">
jQuery(function($) {
$.supersized({
// Functionality
slide_interval: 9000, // Length between transitions
transition: 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed: 1400, // Speed of transition
// Components
slide_links: 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides: [ // Slideshow Images
{
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg2.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg3.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
},
]
});
});
</script>";}
?>
Но после сохранения кода в моем файле .php сайт больше не загружается. Если я удаляю php, если запрос все снова работает нормально.
Решение
Сначала я могу предложить вам удалить эхо кода.
<?php if ( is_page(array('Restaurant'))) { ?>
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 9000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1400, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg.jpg', title : 'Hotel-Pension-Restaurant Zur Traube in Altenahr'},
{image : 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg2.jpg', title : 'Hotel-Pension-Restaurant Zur Traube in Altenahr'},
{image : 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg3.jpg', title : 'Hotel-Pension-Restaurant Zur Traube in Altenahr'},
]
});
});
</script>
<?php } ?>
Вы будете иметь лучшую видимость кода и не будете иметь ошибок кавычек. Проверьте вашу консоль этим методом и сообщите нам, если у вас есть ошибка
Другие решения
Ваш код не работает, потому что вы не избежали своих строк.
Когда вы используете двойные кавычки в качестве открывающих и закрывающих кавычек, вы должны избегать других двойных кавычек внутри них.
Это относится также к одиночным кавычкам, то есть вы должны избегать одинарных кавычек, которые находятся внутри строк, которые используют одинарные кавычки в качестве открывающей и закрывающей кавычек.
ПРИМЕЧАНИЕ. Вам не нужно избегать двойных кавычек, которые заключены в одинарные и одинарные кавычки, которые находятся в двойных кавычках.
Вам нужно убежать ваши цитаты, как это:
<?php
if(is_page(array('Restaurant'))) {
echo("<script type=\"text/javascript\">
jQuery(function($) {
$.supersized({
// Functionality
slide_interval: 9000,
// Length between transitions
transition: 1,
// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed: 1400,
// Speed of transition
// Components
slide_links: 'blank',
// Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides: [
// Slideshow Images
{
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg2.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg3.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}
]
});
});
</script>");
} ?>
Вы также можете удалить echo в целом так:
<?php if(is_page(array('Restaurant'))) { ?>
<script type="text/javascript">
jQuery(function($) {
$.supersized({
// Functionality
slide_interval: 9000,
// Length between transitions
transition: 1,
// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed: 1400,
// Speed of transition
// Components
slide_links: 'blank',
// Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides: [
// Slideshow Images
{
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg2.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg3.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}
]
});
});
</script>
<? } ?>
Чтобы код выглядел немного аккуратнее, вы можете удалить комментарии так:
<?php if(is_page(array('Restaurant'))) { ?>
<script type="text/javascript">
jQuery(function($) {
$.supersized({
slide_interval: 9000,
transition: 1,
transition_speed: 1400,
slide_links: 'blank',
slides: [
{
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg2.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}, {
image: 'http://www.hotel-zur-traube.eu/wp-content/themes/hotelzurtraube/images/bg3.jpg',
title: 'Hotel-Pension-Restaurant Zur Traube in Altenahr'
}
]
});
});
</script>
<? } ?>
менять <script type="text/javascript"> в <script type='text/javascript'> вы используете двойные кавычки — то же самое, что открывать и закрывать echo заявление