JavaScript对象的内部变量不能被读取

Question

还有就是我的原单码：

$("#container").someFunction([{ 
    title: "Item1", 
    color: "#FFFFFF" 
}, { 
    title: "Item2", 
    color: "#000000" 
}]); 

上面的代码工作，但一旦我试图改变这些：

var items = '{'+'title: "Tokyo",'+'color: "#2C3E50"'+'}, {' + 'title: "Tokyo",'+'color: "#2C3E50"'+'}'; 

$("#container").someFunction([items]); 
//or 
$("#container").someFunction(function(items){return items}); 
//or 
$("#container").someFunction(items); 
//or 
$("#container").someFunction(eval("items")); 

它不工作了。

我想知道有什么办法可以达到这个目的吗？

Answer 1

我不确定你在这里试图达到什么目的。你能否就这个“某些功能”更具体一些？

变量 “项目” 工作原理是：

$('#container').on('click',function(){ 
    $(this).html(items); }); 

https://jsfiddle.net/vkpfntqx/3/