jQuery 和 云眼 Web Experimentat 实验中的变量

云眼About 3 min

jQuery 和 云眼 Web Experimentat 实验中的变量

本主题介绍如何：

  • 确定云眼 Web 实验中 jQuery 中的 $ 方法的更改如何影响代码
  • 调整受影响项目的自定义代码

可能习惯于在代码片段中捆绑 jQuery，在页面上加载自己的 jQuery 库，以及在可视化编辑器中编辑 jQuery 版本代码（或编写自己的版本代码）。

在云眼 Web 实验中，对 jQuery 没有明确的依赖关系，可视化编辑器也不会生成可编辑的代码。默认情况下排除 jQuery 会减小代码段大小，从而提高页面性能。还更改了变量在云眼 Web 实验中所有自定义代码框中的行为方式，例如，条件激活函数、共享代码和自定义 JavaScript 编辑器更改。$

这些更改意味着在云眼 Web 实验中，可以：

  • 在没有 jQuery 的情况下有效地使用云眼 Web 实验

  • 通过 $ 变量在自定义代码框中一致地引用项目的 jQuery 库定义

  • 如果没有在代码段中包含jQuery，将参考 $ window.$

如果没有将云眼 Web 实验的 jQuery 捆绑到项目中，这些更改可能会产生影响。

云眼 Web 实验中的 jQuery 行为

以前，当 jQuery 未捆绑在项目中时，云眼 Web 实验将引用解析为如下所示：$

  • 如果已定义，则 window.jQuery $ = window.jQuery

  • 如果未定义，则 window.jQuery $ = window.$

展望未来，以下是在云眼 Web 实验中的工作方式：

  • 默认情况下，新项目在代码段中不包含 jQuery

  • 该变量始终引用项目的 jQuery 库定义。这意味着这将引用包含在代码段中的库（如果有）。如果未包含库，将参考 $ $ $ window.$

这种变量方法具有以下效果：$

  • 新的条件激活函数代码将包含自动生成的示例代码的第三个参数：function(activate, options, $) {}

  • $ 将解析为项目中包含的 jQuery 库。如果没有包含 jQuery 库，它将解析为但永远不会window.$ window.jQuery

  • API 方法将继续遵循当前模式（如果有的话，首先是项目中包含的库，否则 .get(‘jquery’)window.$`）

    • 这意味着使用现有代码可以回退到从项目中删除 .get(‘jquery’) window.$

  • 自定义代码框将指示项目的 jQuery 代码段设置

  • 当有人从项目中删除 jQuery 时，您将看到警告

应该如何调整代码？

这些更改将自动应用于所有新的云眼 Web 实验项目。了解变量在云眼 Web 实验中的工作方式非常重要。$

这些更改主要影响未捆绑 云眼 Web 实验的 jQuery 但仍引用的项目。满足以下所有三个条件的云眼 Web 实验项目会受到影响：$

  1. 项目不包括 jQuery

  2. 代码包括对 $

  3. window.$ != window.jQuery 在网页上

在这种情况下，对代码的引用将不再引用 。相反，将引用定义的任何内容 - 它可以是未定义的，也可以指向另一个库，如 prototype.js。

$ window.jQuery $ window.$ $

如果要引用 ，可以在自定义代码中显式赋值。

$ window.jQuery var $ = window.jQuery

如果对此更改有任何疑问或需要帮助，请联系客户经理。

Last update:
Contributors: zhangweixue