2014-09-30 231 views
1

我已經在我的網頁jQuery的表格:jqyery選項卡默認選項卡

<script> 
$(function() { 
    $("#tabs").tabs({ 
     beforeLoad: function (event, ui) { 
      ui.jqXHR.error(function() { 
       ui.panel.html(
        "Couldn't load this tab. " + 
        "We'll try to fix this as soon as possible"); 
      }); 
     } 
    }); 
}); 
</script>      

<div id="tabs"> 
    <ul>  
     <li><a href="location.php">Name1</a></li> 
     <li><a href="location.php">Name2</a></li> 
     <li><a href="location.php">Name3</a></li> 
     <li><a href="location.php">Name4</a></li> 
     <li><a href="location.php">Name5</a></li> 
     <li><a href="location.php">Name6</a></li> 
     <li><a href="location.php">Name7</a></li> 
     <li><a href="location.php">Name8</a></li> 
     <li><a href="log.php">Name9</a></li> 
    </ul> 
</div> 

我怎麼可以在這個腳本設置默認名稱(表)?因爲這應該工作,但沒有:

$("#tabs").tabs({active: 2}); 

回答

0
<script> 
$(function() { $("#tabs").tabs({active : 5},{ beforeLoad: function(event, ui) {  ui.jqXHR.error(function() 
    {   ui.panel.html(  
     "Couldn't load this tab. " + 
        "We'll try to fix this as soon as possible");  });  } }); 
       }); 
0

您需要添加的div每個href和HREF應該包含DIV的ID。以下是示例

<div id="tabs"> 
    <ul>  
      <li><a href="#tabs-1">Name1</a></li> 

    </ul> 
    <div id="tabs-1"> 
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> 
    </div> 
    </div> 
0

查看API文檔。那裏有一個很好的工作例子。

http://nshra006.am.ds.rd.honda.com/staging/hra/hrao/isd/is1/webdocui.nsf/CatalogWebHome?readform&section=home

<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>Proin elit arcu,</p> 
    </div> 
    <div id="tabs-2"> 
    <p>Morbi tincidunt, d.</p> 
</div> 
    <div id="tabs-3"> 
    <p>Mauris eleifend est </p> 
    <p>Duis cursus. </p> 
    </div> 
</div> 

注意,上述結構中含有UL標籤,它創建你的標籤。它需要和期望後續的div標籤,其必須具有與錨標籤中的hrefs匹配的id。

因此href =「#tabs-1」以這種方式直接鏈接到div id =「tabs-1」。