jQuery製表符自定義動作！

Question

我有一個jQuery tabs元素，在加載遠程內容方面非常出色。

但是我想添加一個按鈕叫說「復位」來調用自定義的JavaScript。對於jQuery來說，這是相當新穎的東西，但是喜歡它，並且無法解決如何完成這個任務。

這裏是讓此刻的選項卡中的.js文件，這是從jQuery網站的默認！

$(document).ready(function() { 
$("#tabs").tabs({ 
     ajaxOptions: { 
      error: function(xhr, status, index, anchor) { 
       $(anchor.hash).html(
        "Couldn't load this tab. We'll try to fix this as soon as possible."); 
      } 
     } 
    }); 
}); 

然後在我的PHP中，我有以下幾點。我想將自定義操作附加到新的「重置」選項卡上。

<div id="tabs"> 
<ul> 
    <li><a href="#map_canvas" title="content">Home</a></li> 
    <li><a href="test.php" title="content">How this works?</a></li> 
    <li><a href="test.php" title="content">View this at home</a></li> 
    <li><a href="#reset" title="content">Reset</a></li> 
</ul> 

<div id="map_canvas"> 
</div> 

</div> 

Answer 1

這些選項卡有一個select事件，您可以將其放入構造器選項對象中。

$(document).ready(function() { 
    $("#tabs").tabs({ 
      ajaxOptions: { 
       error: function(xhr, status, index, anchor) { 
        $(anchor.hash).html(
         "Couldn't load this tab. We'll try to fix this as soon as possible."); 
       } 
      }, 
      select: function (event, ui) { // run this when a new tab is clicked 
       if ($(ui.tab).attr('href') == "#reset") { 
        // Do stuff here 
       } 
      } 
     }); 
});