如何在 opencart 的同一页面上两次使用同一脚本中的脚本？

Question

我正在使用以下脚本在我的产品 SKU 的发票上显示条形码。但是当我再次使用相同的脚本来显示产品名称的条码{{ product.name }} 和 SKU 条码消失时，它只显示一个条码，即产品名称条码。如何使用脚本显示产品名称和 SKU 的多个条形码？

仅供参考：我不了解代码。

<script src="https://cdn.jsdelivr.net/jsbarcode/3.3.20/JsBarcode.all.min.js"></script>
        <h1><img id="upc"/><script> $('#upc').JsBarcode("{{ product.sku }}",{width:1,height:50,lineColor: "#333333" }); </script></p></h1>

Answer 1

首先我要说的是，学习如何使用HTML、脚本和其他代码！第二（也已经说过），使用正确的代码。

将脚本添加到您的模板（仅一次！），例如：

<script src="//cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>

在模板末尾执行此操作。

使用正确的HTML-代码，例如

<svg class="barcode" jsbarcode-format="code128" jsbarcode-value="{{ item.model }}"></svg>

在每个位置旁边显示条形码。

调用脚本并初始化它：

<script>JsBarcode(".barcode").init();</script>

在模板的末尾。

（可选）：设置条形码输出样式，根据此处说明： JSBarcode

p.s.: 我会做的，是在本地存储jsbarcode脚本并调用本地存储的脚本。

我知道很多用户打算使用cdn源。不错，但效果不佳，假设您想在没有任何互联网连接的情况下在本地展示您的解决方案。或者 - 想想几周前的大规模排污口，那里无法到达重要的来源。

你所拥有的，就是你能控制的！

pps：使用 dot 而不是 # 的区别在于，# 表示 ID，其中点只是 CSS-Class.

如何在 opencart 的同一页面上两次使用同一脚本中的脚本？

How to use script in same scripts twice on same page in opencart?

html

php

opencart

script