Question

我正在尝试在Wordpress主题中添加背景图片滑块。但是我需要在滑块函数中添加一个JavaScript变量来获取正确的图像URL。但是变量不起作用，只是打印自己而不打印它的价值。

这是我的jQuery代码，我的变量名是'turl'

<script type="text/javascript">
    var turl = '<?= get_bloginfo("template_url"); ?>';
</script>

$(function() {
    $.vegas( 'slideshow', {
        delay: 8000,
        backgrounds: [
            { src: turl+'bgslider/images/1.jpg', fade: 4000 },
            { src: turl+'bgslider/images/2.jpg', fade: 4000 }
        ]
    });   
});

以下是它在页面源文件（）

中的打印方式

$(function() {
    $.vegas( 'slideshow', {
        delay: 8000,
        backgrounds: [
            { src: turl+'bgslider/images/1.jpg', fade: 4000 },
            { src: turl+'bgslider/images/2.jpg', fade: 4000 }
        ]
    });  
});

Answer 1

这样：

<script>
 (function ($) { 
    $(function(){ 
    var turl = '<?php echo get_template_directory_uri(); ?>';
    $.vegas( 'slideshow', {
        delay: 8000,
        backgrounds: [
            { src: turl+'/bgslider/images/1.jpg', fade: 4000 },
            { src: turl+'/bgslider/images/2.jpg', fade: 4000 }
        ]
    }); 
    });
}(jQuery));
</script>

Javascript变量无法正常工作

1 个答案: