关于 SAP UI5 里包含的 jQuery 版本
时间:2021-10-11
本文章向大家介绍关于 SAP UI5 里包含的 jQuery 版本,主要包括关于 SAP UI5 里包含的 jQuery 版本使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
How to find the jQuery version used by SAPUI5
sap-ui-core.js 是 bootstrap 部分的一部分,如下所示。 它包含一个 jQuery 文件的副本。 正在使用的 jQuery 版本可以通过命令 $.fn.jQuery 找到。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<script src="resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m"
data-sap-ui-theme="sap_bluecrystal">
</script>
<script>
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
Add a custom version of jQuery
在应用程序的 WebContent 中创建一个新文件夹并为其指定任何名称。 我们称之为jquery。 下载您想要的 jQuery 版本并将其放在此文件夹中。
Modify index.html
打开 index.html 文件并使用以下代码更新它。 添加了新 jQuery 文件的路径以及 jquery-ui-position.js 的路径。 SAPUI5 使用 jQuery UI Position 1.10.4 来定位弹出窗口、工具提示等。 jQuery UI 版本 1.10.4 包含与 jQuery UI 版本 1.8.23 不兼容的更改。 jQuery.ui.position 中的一个主要不兼容更改,其中 offset 属性已被删除。 SAPUI5 运行时采用了此更改,例如在 Popup 中,但应用程序可能也需要采用其逻辑。
要跳过 SAPUI5 运行时使用 jQuery,resources / sap-ui-core-noJQuery.js 文件包含在 bootstrap 部分。
新的 index.html:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<!-- include some jQuery version -->
<script src="jquery/jquery-2.1.0.js" ></script>
<!-- SAPUI5 uses jQuery UI Position 1.10.4 for positioning popups, tooltips, etc. -->
<script src="resources/sap/ui/thirdparty/jqueryui/jquery-ui-position.js" ></script>
<!--
<script src="resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m"
data-sap-ui-theme="sap_bluecrystal">
</script>
-->
<script src="resources/sap-ui-core-nojQuery.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m"
data-sap-ui-theme="sap_bluecrystal">
</script>
<script>
sap.ui.localResources("sapui5.jqverchange.demo");
var app = new sap.m.App({initialPage:"idmain1"});
var page = sap.ui.view({id:"idmain1", viewName:"sapui5.jqverchange.demo.main", type:sap.ui.core.mvc.ViewType.XML});
app.addPage(page);
app.placeAt("content");
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
最后的效果,能看到自定义版本的 jQuery 已经生效了:
更多Jerry的原创文章,尽在:"汪子熙":
原文地址:https://www.cnblogs.com/sap-jerry/p/15395235.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法