1

hrefから jQuery タブにリンクしようとしていますが、機能していないようです。これをどのように行うのですか。ユーザーがリンクをクリックしたときにタブが開くようにします。これはこれまでの私のコードです: http://jsfiddle.net/AXEEe/。

HTML

<a href="#Allocated">Allocated</a>
<a href="#Declined">Declined</a>
<a href="#Pending">Pending</a>
<a href="#Failed">Failed</a>

<div style="padding-top: 10px">
  <div id="tabs">
    <ul>
      <li><a href="#Allocated" id="#Allocated">Allocated Requests</a></li>
      <li><a href="#Declined">Declined Requests</a></li>
      <li><a href="#Pending">Pending Requests</a></li>
      <li><a href="#Failed">Failed Requests</a></li>
      </ul>
          <div id="Allocated">
              Content 1
          </div>
          <div id="Declined">
              Content 2
          </div>
          <div id="Pending">
              Content 3
          </div>    
          <div id="Failed">
              Content 4
          </div>
        </div>
</div>

<strong>JS

$(function() {
        $( "#tabs" ).tabs();
});​
4

2 に答える 2

3

リンク付きのタブを選択するには、次のように進めます: http://jsfiddle.net/AXEEe/1/

<a id="0" href="#">Allocated</a>
<a id="1" href="#">Declined</a>
<a id="2" href="#">Pending</a>
<a id="3" href="#">Failed</a>

    $('a').click(function(){
       $("#tabs").tabs("option", "active", parseInt(this.id));
    });

この例では、リンクにタブ リンクを追加idしました。<a>あなたはより良いACCを行うことができます。あなたのプロジェクトに。さらに質問がある場合は尋ねる

編集

JQuery UI 1.9 に準拠するようにタブ セクション メソッドを更新します。

于 2012-11-08T22:44:45.377 に答える
3 
$(function() {
    $("#tabs").tabs();
    $("a[href=#Allocated]").click(function() {
        $("#tabs").tabs("option", "active", 0);
    });
    $("a[href=#Declined]").click(function() {
        $("#tabs").tabs("option", "active", 1);
    });
    $("a[href=#Pending]").click(function() {
        $("#tabs").tabs("option", "active", 2);
    });
    $("a[href=#Failed]").click(function() {
        $("#tabs").tabs("option", "active", 3);
    });
});​

フィドル

于 2012-11-08T23:07:01.470 に答える