程式小試身手

前言:

雖然官方就有範例以及API說明，但是我還是想自己記錄一下TAB選擇時如何取得被選所有值(tab index)

<div id="tabs">
        <ul>
            <li><a href="#tabs-1">Nunc tincidunt</a></li>
            <li><a href="#tabs-2">Proin dolor</a></li>
            <li><a href="#tabs-3">Aenean lacinia</a></li>
        </ul>
        <div id="tabs-1">
            <p>1</p>
        </div>
        <div id="tabs-2">
            <p>2</p>
        </div>
        <div id="tabs-3">
            <p>3</p>
        </div>
    </div>

 $("#tabs").tabs({
          activate: function (event, ui) {
              var active = $("#tabs").tabs("option", "active");
              console.log("被選擇索引值:\r\n" + active);       
             
          }
      })
         
  } );