如何在动态创建标签时禁用重新加载？

Question

我使用jQuery动态创建选项卡，但每次单击一个选项卡时，它都会重新加载目标URL。我应该如何禁用重新加载行为，除非我想重新加载？ 非常感谢。

Answer 1

使用event.preventDefault()：

$('a.tab').click(function(event) { 
    event.preventDefault(); // this is the key 
    // your code here 
}); 

编辑：关于你的评论 - 只是set cache to true：

$(document).ready(function() { 
    $apTabs = $("#apTabs").tabs({ 
     // ... 
     cache: true, // this does the magic 
     // ... 
    }); 
}); 

Answer 2

$('#tabs').click(function(){ 
    // code 
    return false; 
}); 

Answer 3

后我供你参考代码：

$(document).ready(function() { 

     $apTabs = $("#apTabs").tabs({ 
       ajaxOptions: { async: true }, 
      cache:false, 
      add: function(event, ui) { 
       //immdeiately select the new created one 
       $apTabs.tabs('select', '#' + ui.panel.id); 
      } 

      }); 

    }); 



    <div id="apTabs"> 
    <ul> 
     <li></li> 
    </ul> 
    <div></div> 
    </div>