Solved

Jquery Tabs plugin current version 1.9.3 - Make tab use a web page link

Posted on 2013-01-14
1
445 Views
Last Modified: 2013-01-14
I had this working in 1.7 version and now it is not.  I am hoping someone could help me out in how I get this done.

Basically I want to have all my tabs point to live web page links (not hidden panels)

below is how my old code works... Basically the Selected part of the tab is alwyas dynamically set.  Whatever that is set too the tab will match.  So I make the selected Tab href ="#<Name>" and then the other tabs href are actual links to webpages.

My links are valid I have cut and pasted them into abother browser window and they do work.

But every time I click on a tab which has a page link it now gives the url with "/undefined" added to the end.

So for example www.me.com/admin/undefined which isn't correct.

        <script type="text/javascript">
        $(function () {
        	// Tabs
            $("#tabs").tabs({
                select: function (event, ui) {
                    try {
                        window.location = $.data(ui.tab, 'href.tabs');
                    }
                    catch (err) {
                    //just ignore it.  For now..
                    }
                    return false;
                }
                , selected: 0
            });
 
        });
    </script>
<div id="tabs">
     <UL>
         <LI><a href="#details">Details</LI>
         <LI><a href="charges.aspx">Charges</LI>
         <LI><a href="History.aspx">History</LI>
     </UL>

</div>

Open in new window



How can I get this to work... I am under a crunch... otherwise I would go through and figure it out...

Any help is greatly appreciated :)
0
Comment
Question by:angelalaw
1 Comment
 

Accepted Solution

by:
angelalaw earned 0 total points
ID: 38776978
For those who might be looking I figured it out...

window.location = $.data(ui.tab, 'href.tabs');

Changes to
window.location = ui.tab.href;

That will work, or at least it does now for me...
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Poster Video HTML 5 Scale to fit video 3 38
Download a website to hdd 2 52
jquery conditionally populate list boxes 2 25
execute script based on HTML event 7 0
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
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 …
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

864 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now