將代碼添加到點擊功能時出現javascript問題

可能是因爲它遲到了，但我現在已經呆了很長一段時間，並且仍然沒有進一步的耗盡時間。將代碼添加到點擊功能時出現javascript問題

基本上當我移動下面的代碼：

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/

來源

2015-04-03 Matchbox2093

你試過：'$（ '＃qrcodeCanvas'）QR碼（試驗）;' – jonmrich 2015-04-03 21:23:59

是，與js文件，它需要是我在答案中的格式，我也初步認爲這是問題，但進一步的調查發現它需要的文本：在它之前 – Matchbox2093 2015-04-03 21:25:46

這裏的文檔：jquery.qrcode.js？找到4個不同的目前爲止，不知道哪一個是正確的 – jonmrich 2015-04-03 21:27:26

如果你想使用「非精縮版」，則需要加載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>

來源

2015-04-08 05:58:18

將代碼添加到點擊功能時出現javascript問題

回答

相關問題