Question

我在变量中保存了一些HTML。如何在已经存在的HTML之后添加更多HTML。基本上我使用If语句并且我不想重新输入代码并重新分配整个html。我的代码，+ =给出错误＆＃34;未捕获的SyntaxError：意外的标记+ =＆＃34;

var sticky_add_cart_html = '{strip}<div id="bundle-sticky_add_to_cart" style="'+add_to_cart_style+'">'+sticky_select+'<a href="#" style="display: inline-block; padding: 10px; font-weight:bold; text-transform: uppercase; color: '+add_to_cart_color+'; background-color:'+add_to_cart_bg_color+'; border: '+add_to_cart_border+';width:80%; float:left; margin-top:17px" id="bundle-sticky_submit">Add to cart</a></div>{/strip}';
        if ($('input[name="quantity"]').length()) {
            var sticky_add_cart_html +=  '<div class="product-form__item product-form__item--quantity" style="width:20%;float:left;"> <label for="Quantity">Quantity</label> <input type="number" id="Quantity" name="bundle-sticky-quantity" value="1" min="1" class="product-form__input" pattern="[0-9]*"> </div>';
        }

Answer 1

您正在重新声明变量，在您的示例的第三行中，您有var sticky_add_cart_html ....，更改它以便它没有var而不是

Answer 2

您正在if语句中重新定义变量

试试这个：

var sticky_add_cart_html = '{strip}<div id="bundle-sticky_add_to_cart" style="'+add_to_cart_style+'">'+sticky_select+'<a href="#" style="display: inline-block; padding: 10px; font-weight:bold; text-transform: uppercase; color: '+add_to_cart_color+'; background-color:'+add_to_cart_bg_color+'; border: '+add_to_cart_border+';width:80%; float:left; margin-top:17px" id="bundle-sticky_submit">Add to cart</a></div>{/strip}';
    if ($('input[name="quantity"]').length()) {
        sticky_add_cart_html +=  '<div class="product-form__item product-form__item--quantity" style="width:20%;float:left;"> <label for="Quantity">Quantity</label> <input type="number" id="Quantity" name="bundle-sticky-quantity" value="1" min="1" class="product-form__input" pattern="[0-9]*"> </div>';
    }

如果已经有HTML，如何在变量中附加html？

2 个答案: