Javascript 如何连接此代码？我已经试过了，但是运气不好 $（.featured”）.append（“+ “{%用于集合['no-show-socks-for-“+genderText+”]]中的产品。产品%}”+ "" + “{%endfor%}”+”）

---

我有一个应用程序，可以让用户在男性或女性之间点击。根据用户点击的内容，应该会弹出某种形式的信息。我想要的信息在append函数中，但是由于某种原因它没有显示出来？我想这可能是因为它没有正确连接

您可以使用反勾号连接js上的多行代码

您可以尝试使用back ticks，并在Babel中进行检查，然后尝试一下。
$（“.featured”）.append(`
{%用于集合['no-show-socks-for-${genderText}]]中的产品。产品%}
{%endfor%}
`)
https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&code_lz=CQCgRAdAZgpghgFwK4CcYBMwEoJwA54wB26IABgDzoCWAbgHwBQAkAN4CkABFAPYqd4UPdEgDGCTtSKdRPADZyY46jyIBnANoByIjwC0agBY8A7gZ6iA1mr28Ue4KwDmxdDBQAVGAA8EAXy0AXQhBYTEENU52PxZmCmoAWydONRRRAF4wVlZQkXFoeGQ0dAB9RLgXTgAfASE8hDKkktQ5AC5OLTk4FBctPz8wJjYuVzsomLiAehoGMiwgA&debug=false&forceAllttransforms=false&shippedprovisions=false&circleciRepo=&evaluate=true&fileSize=false&lineWrap=false&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=）

使用

{}

或

按钮添加代码，而不是在图像中

    $(".featured").append("<div>" + 
      "{% for product in collections['no-show-socks-for-" + genderText + "'].products %}" + 
      "<img src=" + "{{product.featured_image | product_img_url: 'large'}}" + ">" + 
      "{% endfor %}" + "</div>")

You can try using back-ticks and check it in Babel Try it out.

$(".featured").append(`<div>
{% for product in collections['no-show-socks-for-${genderText}'].products %}
<img src="{{product.featured_image | product_img_url: 'large'}}">
{% endfor %}
</div>`)

https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&code_lz=CQCgRAdAZgpghgFwK4CcYBMwEoJwA54wB26IABgDzoCWAbgHwBQAkAN4CkABFAPYqd4UPdEgDGCTtSKdRPADZyY46jyIBnANoByIjwC0agBY8A7gZ6iA1mr28Ue4KwDmxdDBQAVGAA8EAXy0AXQhBYTEENU52PxZmCmoAWydONRRRAF4wVlZQkXFoeGQ0dAB9RLgXTgAfASE8hDKkktQ5AC5OLTk4FBctPz8wJjYuVzsomLiAehoGMiwgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=false&lineWrap=false&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=)