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
Solved

Jquery UI tab methods not working

Posted on 2013-01-27
12
4,324 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
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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery slideToggle one div at a time instead of all independently 33 76
SSRS 2016 Rendering HTML tables 3 28
Change to file doesn't show up 16 52
send email part1 9 28
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

860 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