Javascript SyntaxError:尝试将对象参数传递给onclick函数时,元素列表后缺少]

Javascript SyntaxError:尝试将对象参数传递给onclick函数时,元素列表后缺少],javascript,jquery,html,Javascript,Jquery,Html,我试图迭代一个对象列表,并使用按钮为每个对象创建一个列表项。当我向它们添加onclick函数时。我得到了这个错误: SyntaxError:元素列表后缺少] 这是我的密码: box_resources.forEach(function(box){ $("#box-resources-list").append('<li><button type="button" class="list-group-item" onclick="showBoxMarker(' + box

我试图迭代一个对象列表,并使用按钮为每个对象创建一个列表项。当我向它们添加
onclick
函数时。我得到了这个错误:

SyntaxError:元素列表后缺少]

这是我的密码:

box_resources.forEach(function(box){
    $("#box-resources-list").append('<li><button type="button" class="list-group-item" onclick="showBoxMarker(' + box + ')">' + box.title + '</button></li>');
});
box\u资源。forEach(函数(box){
$(“#框资源列表”).append(“
  • ”+box.title+”
  • ”); });

    有什么想法吗?谢谢

    问题是当您创建这样的元素时,
    box
    被转换为字符串。例如:

    var框={
    x:10,
    y:10,
    w:5,
    h:3
    };
    log('onclick=“showBoxMarker('+box+')”)使用JSON.stringify(box)可以解决您的问题。
    
    br,

    不要介意前面的评论。我这边有点不对劲。谢谢你的帮助!它工作得很好。专业提示帮助很大。这将是一个伟大的提示记住在我未来的发展。谢谢