我得到错误$没有在我的jsp文件中定义，而在firefox上运行

I am gettin error $ is not defined in my jsp file while running on firefox

本文关键字：定义 文件 而在 运行 firefox jsp 我的 错误      更新时间：2023-09-26

我把我的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，以识别$.

使用<body onload="myFunction()">你不能使用$(document)。准备就绪，因为您不能保证在脚本执行时已经加载了jquery。

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

所以你必须使用HTML主体onload方法来确保所有元素(包括脚本)已经加载完成。

相关文章：