jQuery循环使用旋转不使用Bootstrap

Question

我在之前的应用程序中使用Rotate和Tabs实现了这个jQuery Cycle，它运行没有任何问题，因为rotate方法包含在jQuery UI中。我之前的应用程序使用了jQuery 1.6

现在我试图在启用了Bootstrap的.NET应用程序中实现它，我正在使用jQuery 1.11.2和Bootstrap 3.

存在一个问题，因为已从jQuery UI标签中删除了旋转方法。

所以我添加了jquery-ui-tabs-rotate.js

Chrome控制台显示2个错误：
1.无法从旋转中读取未定义的属性“选项卡” 2.另一个问题是：$（...）。制表符不是函数

$("#featured > ul").tabs({ fx: { opacity: "toggle" } }).tabs("rotate", 5000, true);

以下是Test Page

我还尝试添加最新的Cycle CDN，但没有解决问题：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle/3.03/jquery.cycle.all.min.js"></script>

我想知道是否有人知道为什么这个jQuery Cycle Tabs没有被解雇？

我简化了代码，删除其他JavaScript没有区别：

$(document).ready(function () {
     $("#featured > ul").tabs({ fx: { opacity: "toggle" } }).tabs("rotate", 5000, true);
});

Answer 1

看起来已经从jQuery UI选项卡中删除了rotate方法，正如您在页面控制台中显示的此错误消息所示：

Uncaught Error: no such method 'rotate' for tabs widget instance

进行搜索会从jQuery UI Core中显示this method was removed。看起来您可以实施third-party extension来解决此问题。