字符串连接不起作用，抛出错误

Question

我在变量中编写动态字符串，然后在代码中稍后重新生成该字符串。它抛出一个错误，“Uncaught SyntaxError：Unexpected token +”

var template_url = "<?php bloginfo('template_url'); ?>";

$(document).ready(function() {

    var urlCameraDic = 
          {
            template_url + '/sliders/walking.html' : 'camera_1',
            template_url + '/sliders/lobby.html' : 'camera_2',
            template_url + '/sliders/cafe.html' : 'camera_3',
            template_url + '/sliders/womens.html' : 'camera_4'
          };
});

我不确定为什么会抛出这个错误。我错误地连接了这个吗？

Answer 1

按对象文字声明对象的键时，无法执行javascript。

你可以这样做

var urlCameraDic = {};
urlCameraDic[template_url + '/sliders/walking.html'] = 'camera_1';
urlCameraDic[template_url + '/sliders/lobby.html'] = 'camera_2';
...

Answer 2

您需要在创建后定义自定义键，如下所示：

var urlCameraDic = {};
urlCameraDic[template_url + '/sliders/walking.html'] = 'camera_1';
// add the other items like above

有关详细信息，请参阅this similar SO answer。