如何使用带有 php 的 jQuery jsBarcode 插件动态生成条形码答案

【问题标题】：How to dynamically generate barcode using the jQuery jsBarcode plugin with php如何使用带有 php 的 jQuery jsBarcode 插件动态生成条形码
【发布时间】：2017-04-04 08:34:43
【问题描述】：

我找到了一个在这里工作的 js 条形码生成器，我的问题是当我尝试使用插件循环生成条形码时，它不会显示任何东西。here 是插件。我的代码是这样的：

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../EAN_UPC.js"></script>
<script src="../CODE128.js"></script>
<script src="../JsBarcode.js"></script>

<?
while($Cart = $carting->fetch(PDO::FETCH_ASSOC)) {
$pid = $Cart['pid'];
?>
<script>
    $('#barcode<? echo $pid;?>').JsBarcode("546786756445465",{width:1,height:40});
</script>

<? }?>

【问题讨论】：

你得到的代码似乎工作正常：jsfiddle.net/ssh5ecqy。您检查过控制台是否有错误？
好吧，为什么要显示任何内容？您似乎没有选择器 $('#barcode<? echo $pid;?>') 可以匹配的任何标记元素...
@RoryMcCrossan 你演示的是不是 OP 发布的代码......
我给了 OP 怀疑的好处，并假设缺少的目标元素是问题中的疏忽，实际上包含在 OP 的工作代码中。
很高兴它对你有用 :) 不过你真的应该感谢 JS，因为这就是生成条形码图像的原因。 jQuery 只是让选择元素和实例化插件变得容易。

标签： javascript php jquery loops barcode-printing

【解决方案1】：

HTML 代码

<svg class="barcode"
  jsbarcode-format="upc"
  jsbarcode-value="123456789011"
  jsbarcode-textmargin="0"
  jsbarcode-fontoptions="bold">
</svg>
<svg class="barcode"
  jsbarcode-format="upc"
  jsbarcode-value="123456789012"
  jsbarcode-textmargin="0"
  jsbarcode-fontoptions="bold">
</svg>
<svg class="barcode"
  jsbarcode-format="upc"
  jsbarcode-value="123456789013"
  jsbarcode-textmargin="0"
  jsbarcode-fontoptions="bold">
</svg>

脚本

JsBarcode(".barcode").init();

【讨论】：

【解决方案2】：

我不知道该说什么，代码应该可以工作，但我不知道为什么。

我刚刚将document.ready 函数添加到脚本中，它开始正常工作。

<script>
$(document).ready(function(){
$("#barcode<? echo $pid;?>").JsBarcode("<? echo $barcode;?>", width:1,height:40});
});
</script>

【讨论】：