simplecart js多视图函数

Question

我正在尝试将simplecart js集成到一个模板网站，所以我写了这个脚本来设计它的样式，以遵循模板样式。

<script>
simpleCart({
cartColumns: [
{ view: function(item, column){
return  "<li class='header-cart-item'><div class='header-cart-item-img'><img 
src='"+item.get('thumb')+"' alt='IMG'></div><div class='header-cart-item- 
txt'><a href='#' class='header-cart-item-name'>" +item.get('name')+"</a> 
<span class='header-cart-item-info'>"+item.get('quantity')+" x  
RM"+item.get('price')+"</span></div></li>";
}, attr: 'custom' },
]
});
</script>

然后我用这个来显示它

<div class="simpleCart_item"> </div> 

问题来了，当我需要不同的安排，如安排2个不同的购物车显示，我不能创建另一个安排使用相同的脚本，因为它会使用影响我在上面创建的第一个安排，这是一种可能的方式来创建一个不同的安排脚本独立于第一个以及如何显示它。

请帮帮忙。

Answer 1

如果您有多个不同的购物车要显示，每个购物车都有自己的样式，您可以简单地对每个购物车单独应用一些css吗？创建一个将覆盖/引入第一个样式的css类，然后创建另一个css类来设置第二个样式的样式。

如下所示：

<style>
    .customStyle1 {
        background: blue;
    }
</style>
<div class="simpleCart_item customStyle1"> </div> 

您可以将css类混合在一起:)