js生成二维码，在JSP中为什么似乎无效，如果是html则可以

1、下面是JSP页面，不正常
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/qrcode.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.js"></script>
<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/utf.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type" name="viewport"
content="width=device-width, initial-scale=1">
<title>测试</title>
</head>
<body>
<div class="ad_img" id="ewm"></div>

<script type="text/javascript">
$(function(){
//$("#ewm").qrcode("http://www.baidu.com");
  $("#ewm").qrcode({
        render: "table", //table方式  
        width: 140, //宽度 
        height:120, //高度 
        text: "1234567890", //任意内容 
        background :"#ffffff",//背景颜色  
        foreground :"#000000" //前景颜色  
    });  
 
});
</script>
</body>
</html>引入的js都放在js目录下，为网上下载。下面是html代码，一切正常
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="js/jquery.qrcode.js" ></script>
        <script type="text/javascript" src="js/qrcode.js" ></script> 
        <script type="text/javascript" src="js/utf.js" ></script>
        
<p>Render in table</p>
<div id="qrcodeTable"></div>
<p>Render in canvas</p>
<div id="qrcodeCanvas"></div>
<script> 
    jQuery('#qrcodeTable').qrcode({
         render    : "table",                //<!--二维码生成方式 -->
         text    : "http://www.baidu.com" , //<!-- 二维码内容  -->
         width : "200",               //二维码的宽度
                 height : "200",
     });    
     jQuery('#qrcodeCanvas').qrcode({
      render    : "canvas",
         text    : "http://www.baidu.com",
         width : "200",               //二维码的宽度
                 height : "200",              //二维码的高度
                 background : "#ffffff",       //二维码的后景色
                 foreground : "#000000",        //二维码的前景色
                 src: 'img/gray.jpg'             //二维码中间的图片
     });    
</script>
</body>
</html>

解决方案 »

  1.   

    把jsp页面上的jquery.js引入放到二维码js上面，作为第一个引入js试试
      

  2.   


    引用jquery后，可以了，但是另一个问题又出来了，当生成二维码的代码之前，如果有 var form = layui.form; 这一句，则也不显示，而如果我include 一个 base.jsp的话，则也不行，不知是哪个属性引起的，这个base.jsp主要是用于样式与一些基本变量
      

  3.   


    引用jquery后，可以了，但是另一个问题又出来了，当生成二维码的代码之前，如果有 var form = layui.form; 这一句，则也不显示，而如果我include 一个 base.jsp的话，则也不行，不知是哪个属性引起的，这个base.jsp主要是用于样式与一些基本变量
    页面有（var form = layui.form;）这句的话你看看控制台上报没报错，没猜错应该是layui undefined之类的