javascript - 将所有代码放入函数中

Question

在这里，我有一个示例，说明如何在单击标记时使用 javascript 创建“side_bar”

var side_bar_html = "<a href='javascript:google.maps.event.trigger(gmarkers["+parseInt(gmarkers.length-1)+"],\"click\");'>"+place.name+"</a><br>"+ $('<div>').raty({ score: place.rating, path: 'http://wbotelhos.com/raty/lib/img' }) +"</br>";
    document.getElementById('side_bar').innerHTML += side_bar_html;
}

''raty 是用于可视化星级评分的 jquery 插件''

但是这段代码给了我这个结果：

    Name of place
    [object Object]
... ...

如何将此代码放入函数中以使其正常工作？

有什么办法吗？

Answer 1

您正在将 jQuery 包装器连接到字符串，这就是原因

无需对您的代码进行太多更改

var side_bar_html = "<a href='javascript:google.maps.event.trigger(gmarkers[" + parseInt(gmarkers.length - 1) + "],\"click\");'>" + place.name + "</a><br>" + '<div class="raty" />' + "</br>";

$(side_bar_html).appendTo('#side_bar').filter('.raty').raty({
    score : place.rating,
    path : 'http://wbotelhos.com/raty/lib/img'
})