Javascript变量不工作

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

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

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

以下是如何在页面源文件（）中打印

因此：

（函数（$）{
$（函数（）{
var-turl=''；
$.vegas（‘幻灯片放映’{
延误：8000，
背景：[
{src:turl+'/bglider/images/1.jpg'，fade:4000}，
{src:turl+'/bglider/images/2.jpg'，fade:4000}
]
}); 
});
}（jQuery））；

为什么javascript代码片段会出现在

元素之外？看起来像是一个范围问题。尝试删除

var-turl

前面的

var

…Dude这是源代码右侧的页面。然后您将看到变量的原样。变量的值将是您正在设置的url。你将不得不回显它，就像你回显url示例的方式一样，我们可以得到链接吗？@raina77ow实际代码中的内部标记。我尝试过，但不起作用。我认为这不是给“turl”赋值的问题。在我的代码中，变量“turl”的值和它在$.vegas（）内发出警报时的显示类似于

$.vegas（'slideshow'，{alert（turl）；…

但在

背景内发出警报时不起作用：[]

在浏览器控制台中显示如下：“NetworkError:404未找到-localhost/mak/nanbgsloider/images/1.jpg”。变量工作不正常。不是“/”的问题。此构造对我来说非常有效，因此问题在于模板url检测，因此请尝试在不使用任何变量的情况下使用此字符串：

{src:'/bgslider/images/1.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 }
        ]
    });  
});

<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>