Question

可能是因为它已经很晚了，但我现在已经在这一段时间了，并且仍然没有进一步和时间不足。

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

    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/

Answer 1

如果您尝试使用“未缩小”版本，则需要首先加载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>

将代码放入点击功能时的javascript问题

1 个答案: