「jQuery」Tabsウィジェットのイベントを処理する方法

2020年9月14日

説明
イベント名　
activate
プロパティ名
newTab 新たにアクティブ
oldTab 非アクティブ
newPanel 新たにアクティブになったパネル
oldPanel 非アクティブになったパネル

JavaScriptコード

$(function() {
   $('#tabs').tabs({
   activate : function(event,ui){
     　var tabIndexId = ui.newPanel.attr('id');
       　if(tabIndexId =="REG") {
        　//登録処理
       　} else if(tabIndexId=="UPDATE"){
        　//更新処理
       　} else if(tabIndexId=="DELETE"){
        　//削除処理
       　}
   　}
   });
});

htmlコード

<div id="tabs">
  <ul>
  　 <li><a href="#REG">登録</a></li>
    <li><a href="#UPDATE">更新</a></li>
    <li><a href="#DELETE">削除</a></li>
  </ul>
</div>