• 在页面引入js文件冲突问题(注意js文件导入的顺序)


           jquery-1.2.6.js与json.js以及处理ajax框架的prototype.js同时引入到jsp页面时,在引用jquery.js中的方法时会有冲突,必须按先后序顺引入这些文件。 最先引入json.js文件,然后引入prototype.js文件,最后引入jquery-1.2.6文件,如果先引入的jquery文件则会报错“找不到对象或对象不存在”。        例如: <script language="javascript" type="text/javascript" src="<%=basePath%>/include/scripts/json2.js"></script> <script language="javascript" type="text/javascript" src="<%=basePath%>/include/scripts/prototype.js"></script> <script language="javascript" type="text/javascript" src="<%=basePath%>/include/scripts/jquery-1.2.6"></script>

          这样就不会有问题,这个问题找了好长时间才发现的,先是从代码上找,然后写最简单的代码测试,最后怀疑是不是引入了js文件的问题,结果找到了上面的原因。

    参考例子:

    <jsp:include page="../cssInclude.jsp" flush="true" />
    <script src="javascript/validate/prototype_for_validation.js" type="text/javascript"></script>
    <script src="javascript/validate/tooltips.js" type="text/javascript"></script>
    <script src="javascript/validate/validation_cn.js" type="text/javascript"></script>
    <link rel="stylesheet" href="templates/${layout}/css/skin.css" type="text/css">
    <script type="text/javascript" src="javascript/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="javascript/jquery-ui-1.8.20.custom.min.js"></script>
    <script type="text/javascript" src="javascript/jquery.ui.datepicker-zh-CN.js"></script>
    <script type="text/javascript" src="javascript/jquery.blockUI.js"></script>
    <script type="text/javascript" src="javascript/utilForCustom.js"></script>
    <script type="text/javascript" src="javascript/jquery.jgrowl_minimized.js"></script>
    <script type="text/javascript" src="javascript/jmesa/jquery.jmesa.min.js"></script>
    <script type="text/javascript" src="javascript/jmesa/jmesa.min.js"></script>
    <script type="text/javascript" src="javascript/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="javascript/jquery.cookie.js"></script>
    <script type="text/javascript" src="javascript/jquery.json.js"></script>
    <script type="text/javascript" src="javascript/common_ui.js"></script>

  • 相关阅读:
    Android 之 进度条样式
    最佳下载实例
    最佳下载实例
    使用git将项目上传到github(最简单方法)
    使用git将项目上传到github(最简单方法)
    打开URL启动android默认浏览器,启动指定浏览器
    打开URL启动android默认浏览器,启动指定浏览器
    android指定浏览器打开特定网页
    【POJ】[3026]Borg Maze
    【POJ】[3026]Borg Maze
  • 原文地址:https://www.cnblogs.com/guanghuiqq/p/2671632.html
Copyright © 2020-2023  润新知