关于 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>

image.png

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>

image.png

相关文章
|
9月前
|
Web App开发 开发者
因为 SAP UI5 版本升级引起的问题又一例 - 如何分析问题根源试读版
因为 SAP UI5 版本升级引起的问题又一例 - 如何分析问题根源试读版
|
9月前
|
XML JSON JavaScript
SAP UI5 XML 视图在实例化时就已经确定了 BindingSyntax 的实现版本了
SAP UI5 XML 视图在实例化时就已经确定了 BindingSyntax 的实现版本了
|
9月前
|
Web App开发 JavaScript 前端开发
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
|
10月前
|
前端开发 JavaScript API
关于 SAP UI5 getSAPLogonLanguage is not a function 的错误消息以及 API 版本的讨论
关于 SAP UI5 getSAPLogonLanguage is not a function 的错误消息以及 API 版本的讨论
|
JavaScript 开发工具
SAP UI5 complex parser 只有在 1.26 版本之后才能使用(2)
SAP UI5 complex parser 只有在 1.26 版本之后才能使用
SAP UI5 complex parser 只有在 1.26 版本之后才能使用(1)
SAP UI5 complex parser 只有在 1.26 版本之后才能使用
|
JavaScript 前端开发
关于 SAP UI5 里包含的 jQuery 版本
关于 SAP UI5 里包含的 jQuery 版本
关于 SAP UI5 里包含的 jQuery 版本
我做 Fiori 开发经常使用的几个系统,不同的 SAP UI5 版本
我做 Fiori 开发经常使用的几个系统,不同的 SAP UI5 版本
我做 Fiori 开发经常使用的几个系统,不同的 SAP UI5 版本
|
JavaScript