javascript - 获取/NaN/路径

Question

我需要将一些路径传递给需要它的javascript函数，我正在使用wordpress，所以实际上我正在使用它。

在我的 WordPress 站点的functions.php 存档中设置此代码..

wp_localize_script('custom', 'WPURLS', array( 'siteurl' => 
get_option('siteurl') )); 

并像这样在我的 javascript 存档上调用它。

 $(function(){
    jQuery(document).ready(function() {



    $('#home').backstretch([
        +WPURLS.siteurl+"/images/home-bg-slideshow1.jpg",
        +WPURLS.siteurl+"/images/home-bg-slideshow2.jpg",
        +WPURLS.siteurl+"/images/home-bg-slideshow3.jpg",
        +WPURLS.siteurl+"/images/home-bg-slideshow4.jpg",
        ],  {duration: 5000, fade: 750});
    });
  })

错误:

localhost/wordpress/NaN/images/home-bg-slideshow2.jpg:1 无法加载资源:服务器响应状态为 404(未找到)

请注意路径...

/NaN/images/home-bg-slideshow4.jpg

如果我在本地主机上执行此操作，它会因为某些原因而起作用，但在托管的网站上显然不会!，

$('#home').backstretch([
        "/wordpress/wp-content/themes/MyTheme/includes/images/home-bg-slideshow1.jpg",
        "/wordpress/wp-content/themes/MyTheme/includes/images/home-bg-slideshow2.jpg",
        "/wordpress/wp-content/themes/MyTheme/includes/images/home-bg-slideshow3.jpg",
        "/wordpress/wp-content/themes/MyTheme/includes/images/home-bg-slideshow4.jpg",
        ],  {duration: 5000, fade: 750});
    });
  })

我能做什么？

如果我使用局部或全局变量 ->

var templateUrl = '<?= get_bloginfo("template_url"); ?>';

它不起作用，因为它抛出与使用 WPURLS.siteurl 相同的错误，如果有人可以帮助我，我会很高兴

Answer 1

+WPURLS.siteurl

This将 WPURLS.siteurl 转换为数字，但它不起作用，因为字符串的内容无法解析为数字，从而为您提供 NaN。

例如，运行以下命令:

console.log(+"hello");

只需删除+即可。