javascript - jQuery Cycle With Rotate not working with Bootstrap -

i had implemented jquery cycle rotate , tabs in previous application , ran without problem because rotate method included within jquery ui. previous app used jquery 1.6

now trying implement in .net application bootstrap enabled, i'm using jquery 1.11.2 , bootstrap 3.

there issue because rotate method has been removed jquery ui tabs.

so added jquery-ui-tabs-rotate.js

chrome console shows 2 errors:
1. cannot read property 'tabs' of undefined rotate 2. issue is: $(...).tabs not function

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

here test page

i tried add latest cycle cdn didn't fix problem:

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

i wondering if knows why jquery cycle tabs isn't firing?

i simplified code, removing other javascript made no difference:

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

it looks rotate method has been removed jquery ui tabs, can see error message appearing in console of page:

uncaught error: no such method 'rotate' tabs widget instance 

doing search reveals this method removed jquery ui core. looks can implement third-party extension fix this.