将代码放入click函数时出现javascript问题

javascript issue when putting code into a click function

本文关键字：javascript 问题 函数 代码 click      更新时间：2023-09-26

可能是因为太晚了，但我已经做了很长一段时间了，仍然没有进展，时间也不多了。

基本上当我移动以下代码时：

    var test = "hell";
           $('#qrcodeCanvas').qrcode({ text: test });

从函数方法到脚本，它都很好，但如果我把它放在按钮点击函数中，我会得到以下错误：

Uncaught TypeError: undefined is not a function

我需要它来点击按钮，这里是涉及的主要代码：

<script type="text/javascript" src="~/js/lib/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.qrcode.js"></script>
<script type="text/javascript" src="~/Scripts/qrcode.js"></script>

    <div id="first">
          <p>hello</p>
        <input type="text" id="qr-text"  value=""  placeholder="Enter QR Data..."/>
        <br />
        <br />
        <button id="button">Click on button</button>
    </div>
        <div id="qrcodeCanvas"></div>

   <script>
       $(document).ready(function () {
           $('#button').click(function () {
               var test = "hell";
               $('#qrcodeCanvas').qrcode({ text: test });
           });
       });
</script>

更新：

以下是有问题的js文件：http://jquer.in/javascript-and-jquery-solutions-for-fantastic-mobile-websites/qr-code/

如果您试图使用"未缩小"版本，则需要首先加载qrcode.js。如果使用jquery.qrcode.min.js版本，它会将qrcode.js代码打包到同一个文件中。

所以不是

<script type="text/javascript" src="~/Scripts/jquery.qrcode.js"></script>
<script type="text/javascript" src="~/Scripts/qrcode.js"></script>

使用

<script type="text/javascript" src="~/Scripts/qrcode.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.qrcode.js"></script>

或

<script type="text/javascript" src="~/Scripts/jquery.qrcode.min.js"></script>
相关文章：