我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上

回答

相關問題