$(function() { $('#container-1')...">

Tab selection in jQuery

I need a click event. I am using the following code.

<script type="text/javascript">
    $(function() {
        $('#container-1').tabs();
        $('#start').bind('tabsselect', function(event, ui) {
            alert('tab label ' + ui.tab.text());
        });
     });
 </script>

    .....


 <div id="container-1">
     <ul>
         <li><a href="#fragment-1"><span id="start">Start</span></a></li>
         <li><a href="#fragment-2"><span id="mid">Mid </span></a></li>
           ....
         List of tabs
    </ul>
 </div>

      

This is where I need to click the tab name as an alert. But I cannot fulfill it. I tried with jQuery 1.2.6. Should I be doing any other inclusion in this code?

0


source to share


1 answer


Do you have a complete list of requirements required for the jQuery UI tab method?



the download helper on the jQuery site is very helpful.

+1


source







All Articles