?
Solved

Jquery UI tab methods not working

Posted on 2013-01-27
12
Medium Priority
?
4,418 Views
Last Modified: 2013-02-18
ui.txtHi,

attached is my Script file to render the tabs using jquery UI.

I am receiving following error:

Line: 490
Error: no such method 'rotate' for tabs widget instance

same is the case with other tab methods such as "add", "remove". Am I missing any reference?

I followed the documentation correctly ..am not sure where am doing wrong.

please help
0
Comment
Question by:Techsavy
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
12 Comments
 
LVL 1

Expert Comment

by:sanjaybhansali
ID: 38825793
you should use following java script and css :

       <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
      <script src="../../jquery-1.8.3.js"></script>
      <script src="../../ui/jquery.ui.core.js"></script>
      <script src="../../ui/jquery.ui.widget.js"></script>
      <script src="../../ui/jquery.ui.tabs.js"></script>

then try its work
0
 
LVL 11

Expert Comment

by:mcnute
ID: 38826074
Sorry your code was perfectly fine. It is just that the rotate feature has been removed from jqeury tabs ui library.

Here is a forked project which has it still implemented:
http://blog.chomperstomp.com/jquery-ui-tabs-rotate/reference-implementation.html
0
 

Author Comment

by:Techsavy
ID: 38829604
Hi mcnute,

As I mentioned it is not just with rotate method. It is with any method like "Add", "Remove" etc. So there is something fundamentally is wrong in my set up.

Please help.
0
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

 
LVL 82

Expert Comment

by:leakim971
ID: 38842222
replace :
 <script src = "jquery-ui-1.10.0.custom/jquery-ui-1.10.0.custom/development-bundle/jquery-1.9.0.js"></script>
    <script src="jquery-ui-1.10.0.custom/jquery-ui-1.10.0.custom/development-bundle/ui/jquery-ui.custom.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery-ui-1.10.0.custom/jquery-ui-1.10.0.custom/jquery-ui-1.10.0.custom.min.css" />

Open in new window

by :
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/overcast/jquery-ui.css" />
<script src = "//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
 

Open in new window


And confirm you've no error
0
 

Author Comment

by:Techsavy
ID: 38846745
Hi  leakim971


with your reference paths I am getting "$" is undefined error. It is unable to find the Jquery reference.

i corrected your references by adding "http:" but still no avail.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 38846872
please provide a link to your page
be sure you place the jquery javascript (not the css) on the top of the other plugin/file include
0
 

Author Comment

by:Techsavy
ID: 38851180
Hi,

I have already given you my HTML page. Try to open it in browser and you can see the error I am getting.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 38851196
but you did not provide me your HTML page AFTER the updates from ID: 38842222
0
 

Accepted Solution

by:
Techsavy earned 0 total points
ID: 38886998
I figured myself...the script references should be at the botton
0
 
LVL 82

Expert Comment

by:leakim971
ID: 38887006
the script references should be at the botton
Could you give more info?
0
 

Author Closing Comment

by:Techsavy
ID: 38900979
I figured myself
0

Featured Post

A new era in Cloud training has arrived.

A day that will go down in Cloud history.. But are you ready for it? Will you accept this Cloud challenge?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Suggested Courses

800 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question