在Javascript中插入高级自定义字段
我有一个名为smart screen-front.php的文件。在这个文件中,我试图在一些javascript中输出一些php变量:在Javascript中插入高级自定义字段,javascript,php,advanced-custom-fields,Javascript,Php,Advanced Custom Fields,我有一个名为smart screen-front.php的文件。在这个文件中,我试图在一些javascript中输出一些php变量: <?php header("Content-type: text/javascript"); // This bit must come first! ?> <?php $ssimage1 = get_field('smartscreen_slider_image_1'); ?> <?php $ssimage2 = get_field
<?php
header("Content-type: text/javascript"); // This bit must come first!
?>
<?php $ssimage1 = get_field('smartscreen_slider_image_1'); ?>
<?php $ssimage2 = get_field('smartscreen_slider_image_2'); ?>
<?php $ssimage3 = get_field('smartscreen_slider_image_3'); ?>
<?php $ssimage4 = get_field('smartscreen_slider_image_4'); ?>
<?php $ssimage5 = get_field('smartscreen_slider_image_5'); ?>
<?php $ssimage6 = get_field('smartscreen_slider_image_6'); ?>
<?php $ssimage7 = get_field('smartscreen_slider_image_7'); ?>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery.supersized({
// Functionality
slide_interval : 10000, // 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 : 1000,
keyboard_nav : 1,
// Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : <?php echo $ssimage1; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''} ,
{image : <?php echo $ssimage2; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''} ,
{image : <?php echo $ssimage3; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''} ,
{image : <?php echo $ssimage4; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''} ,
{image : <?php echo $ssimage5; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''},
{image : <?php echo $ssimage6; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''} ,
{image : <?php echo $ssimage7; ?>, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''}
]
});
}
);
</script>
jQuery(文档).ready(函数(){
jQuery.supersized({
//功能性
滑动间隔:10000,//过渡之间的长度
转换:1、//0-无、1-淡入、2-顶部滑动、3-右侧滑动、4-底部滑动、5-左侧滑动、6-右侧旋转木马、7-左侧旋转木马
转换速度:1000,
键盘导航:1,
//过渡速度
//组成部分
幻灯片链接:'空白',//每张幻灯片的单个链接(选项:false、'num、'name、'blank')
幻灯片:[//幻灯片放映图像
{图像:,标题:'',拇指:'',url:'},
{图像:,标题:'',拇指:'',url:'},
{图像:,标题:'',拇指:'',url:'},
{图像:,标题:'',拇指:'',url:'},
{图像:,标题:'',拇指:'',url:'},
{图像:,标题:'',拇指:'',url:'},
{图像:,标题:'',拇指:'',url:'}
]
});
}
);
这不是输出php变量。我做错了什么 看起来您可能需要将javascript中的
语句用引号括起来:
'<?php echo ...; ?>'
这将导致引用错误
,除非定义了X
,如果url中有/
,则可能是语法错误
我猜你想让它看起来更像
{image : 'X.jpg', title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''}
{image:'X.jpg',title:'',thumb:'',url:'}
如果您只是尝试将这些变量输出到
,会发生什么?它们是否被填充?get_field()函数是否正常工作?
{image : X.jpg, title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''}
{image : 'X.jpg', title : '<div class="slider-caption"><h2></h2><p></p></div>', thumb : '', url : ''}