Question

我的问题是我不知道在javascript片段中实现html的正确语法。

我正在使用simplecart.js，我想添加一个自定义购物车列，其中包含一个项目的颜色，但是我在一小时后仍然坚持这个。

{
    view: function (item, column) {
        "<div id='couleur'>
        <div style='background-color:'"
        return item.get('color')"'></div>
    </div>"
    },
    label: "Couleur"
},

有人可以帮我这个吗？非常感谢。

Answer 1

你不能在字符串中有换行符，你有嵌套的双引号，并且你有一个没有意义的函数调用。

view: function (item, column) {
    var str = "<div id='couleur'>" +
              "<div style='background-color:" + item.get('color') + "'></div>" +
              "</div>";
    return str;
}

大多数人会使用更多模板类型的架构。

view: function (item, column) {
    var str = "<div id='couleur'><div style='background-color:{color}'></div></div>";
    return str.replace("{color}", item.get('color'));
}

在JAVASCRIPT中更正HTML语法

1 个答案: