我gettin错误$没有定义在我的jsp文件，而运行在Firefox上

我把我的jquery脚本以正确的顺序仍然不知道为什么我得到这个错误。我在Mozilla Firefox上运行这个。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1"%> 

<%@ taglib prefix="s" uri="/struts-tags" %> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>  

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<link rel="stylesheet" href="/OptionsTrader2/src/main/webapp/css/styles/style.css"> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link rel="stylesheet" href="/OptionsTrader2/src/main/webapp/css/styles/font-awesome.css"> 
<link rel="stylesheet" href="/OptionsTrader2/src/main/webapp/css/styles/bootstrap-multiselect.css"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script type="text/javascript" src="/OptionsTrader2/src/main/webapp/css/scripts/jquery-ui.js"></script> 
<script type="text/javascript" src="/OptionsTrader2/src/main/webapp/css/scripts/bootstrap.js"></script> 
<script type="text/javascript" src="/OptionsTrader2/src/main/webapp/css/scripts/bootstrap-multiselect.js"></script> 
<script type="text/javascript" src="/OptionsTrader2/src/main/webapp/css/scripts/validator.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<title>FnOGuru</title> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#exhibitor_form').validator(); 
     $('#vendor_form').validator(); 
     //multiselect dropdown 
     $('#adminList').multiselect({ 
      includeSelectAllOption: true, 
      selectAllText: "Select All", 
       selectAllValue: 'multiselect-all', 
       maxHeight: 200 
     }); 

     $('.btnFormCancel').on('click', function() { 
      $('.form-popup').css('top', '-300%'); 
      $('.exhibitor-popup').css('top', '-300%'); 
      $('.vendor-popup').css('top', '-300%'); 
      $('.modal-overlay').hide(); 
     }); 

     $('#btnNewExhibitor').on('click',function(){ 
      $('.exhibitor-popup').css('top', '5%'); 
      $('.modal-overlay').show(); 
     }); 
    }); 
</script> 
</head>

我搜索网页和它指出：

你必须在上面放置jQuery脚本，因为它以确定$加载jQuery的第一位。

但在这里我已经下了订单。

来源

2016-08-24 Muddassir Rahman

哪条线具体抛出这个错误？顺便说一句，你为什么要加载boostrapjs两次？而且它只针对Firefox？也许如果错误是从ready处理程序中抛出，代码中的某些内容使用jQuery noConflict，那么请尝试：'$（document）.ready（function（$）{...}）;' –

@ A.Wolff它会抛出错误在这一行“$（document）.ready（function（）{”是的它发生在Firefox –

'是它发生在Firefox ** **只有**在Firefox ???这是问题。如果你替换'$（document）.ready（function（）{'with'jQuery（document）.ready（function（）{'???你确定它是这行，而不是'$（'＃exhibitor_form'）。（）;'？ –

使用<body onload="myFunction()"> 您不能使用$（document）.ready，因为您无法保证jquery在脚本执行时已加载。

即使您已将脚本包含在顶部，浏览器也会异步加载脚本。

因此您必须使用html body onload方法来确保所有元素（包括脚本）都已完成加载。

来源

2016-08-24 09:59:10

我gettin错误$没有定义在我的jsp文件，而运行在Firefox上

回答

相关问题