不推荐使用 JQuery Ui 选项卡分页

Posted 2023-05-08

【中文标题】不推荐使用 JQuery Ui 选项卡分页

【英文标题】：JQuery Ui tabs pagination deprecated

【发布时间】：2018-09-11 16:25:39

【问题描述】：

我在旧系统中使用 UI 选项卡分页扩展程序 - v1.2.2。 https://code.google.com/archive/p/jquery-ui-tabs-paging/

它支持 jQuery 1.9.0 和 jQuery UI 1.9.0 。我需要升级以支持最新版本的 Jquery 和 Jquery UI，因为第三方客户安全测试中会出现弃用消息。

还有其他选择吗？我搜索但无法确定最佳解决方案。

【问题讨论】：

我怀疑您需要在插件中找到已弃用的元素并对其进行现代化改造。否则我会考虑使用仍然受支持的更现代的插件。

实际上 ui.tabs.paging.js 包含用于 jQuery 1.9.0 和 jQuery UI 1.9.0) 的 cmets。由于版权，我们无法从文件权中删除此 cmets 吗？我们可以吗 ？你能告诉我更现代的插件吗？我没有发现。每个人都在使用 jquery ui 选项卡分页。

"特此免费授予任何获得此软件和相关文档文件（“软件”）副本的人不受限制地使用该软件，包括不限于使用、复制、修改、合并、发布、分发、再许可和/或出售软件副本的权利，并允许向其提供软件的人这样做，但须符合以下条件：版权声明和本许可声明应包含在软件的所有副本或大部分内容中。"

你也是这个插件的意思吗：github.com/Akshay-Hegde/jquery-ui-tabs-paging?

是的。我正在使用这个插件。

【参考方案1】：

在这里使用 jQuery 3.3.1 和 jQuery UI 1.12.1 进行测试：https://jsfiddle.net/Twisty/ry2gyhee/ 我没有看到代码有问题。有一些地方可以更新和改进。

我的测试基于https://github.com/Akshay-Hegde/jquery-ui-tabs-paging/blob/wiki/ProjectHome.md提供的示例

HTML

<div id="example">
  <ul class="tabs">
    <li><a href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    <li><a href="#tab3">Tab 3</a></li>
    <li><a href="#tab4">Tab 4</a></li>
    <li><a href="#tab5">Tab 5</a></li>
    <li><a href="#tab6">Tab 6</a></li>
    <li><a href="#tab7">Tab 7</a></li>
    <li><a href="#tab8">Tab 8</a></li>
    <li><a href="#tab9">Tab 9</a></li>
    <li><a href="#tab10">Tab 10</a></li>
    <li><a href="#tab11">Tab 11</a></li>
    <li><a href="#tab12">Tab 12</a></li>
    <li><a href="#tab13">Tab 13</a></li>
    <li><a href="#tab14">Tab 14</a></li>
    <li><a href="#tab15">Tab 15</a></li>
  </ul>
  <div id="tab1">Tab 1</div>
  <div id="tab2">Tab 2</div>
  <div id="tab3">Tab 3</div>
  <div id="tab4">Tab 4</div>
  <div id="tab5">Tab 5</div>
  <div id="tab6">Tab 6</div>
  <div id="tab7">Tab 7</div>
  <div id="tab8">Tab 8</div>
  <div id="tab9">Tab 9</div>
  <div id="tab10">Tab 10</div>
  <div id="tab11">Tab 11</div>
  <div id="tab12">Tab 12</div>
  <div id="tab13">Tab 13</div>
  <div id="tab14">Tab 14</div>
  <div id="tab15">Tab 15</div>
</div>

JavaScript

$(function() 
  $('#example').tabs();
  $('#example').tabs('paging', 
    cycle: true,
    follow: true
  );
);

根据这些测试，我会说它功能齐全。如果您不同意，请使用最小、完整且可验证的示例更新您的帖子：https://***.com/help/mcve

会考虑使用 jQuery UI Widget Factory 来利用它的能力并进行改进。

【讨论】：

它也适用于我的更新 jquery 版本。唯一的问题是版权。我们可以更新版权以添加对 Jquery 1.10 或更高版本的支持吗？

我无法更新版权。如果您有其他选择，请告诉我

@Mahesh 我没有，我无法识别此安全测试。所以我无法提供帮助。