jQuery工具標籤 - 從另一個文本鏈接鏈接到標籤？

我正在使用jQuery工具選項卡...我需要從同一頁面上的單獨鏈接打開選項卡。這是我正在嘗試的代碼。jQuery工具標籤 - 從另一個文本鏈接鏈接到標籤？

jQuery(function($){ 

     $('#accord1trig').click(function(){ 
       $(".accordion").tabs('selected', 1); 
     }); 

     $('#accord2trig').click(function(){ 
       $(".accordion").tabs('selected', 2); 
     }); 

     $('#accord3trig').click(function(){ 
       $(".accordion").tabs('selected', 3); 
     }); 

     $('#accord4trig').click(function(){ 
       $(".accordion").tabs('selected', 4); 
     }); 

});

和HTML是如下

<a href="#" id="accord1trig">Tab Link 1</a> 
<a href="#" id="accord2trig">Tab Link 2</a> 
<a href="#" id="accord3trig">Tab Link 3</a> 
<a href="#" id="accord4trig">Tab Link 4</a>

來源

2012-11-12 Matthew Woodard

假設你的「單獨聯動」是：

<a href="#" id="click-me">Click me</a>

，你想它打開「選項卡鏈接1」，你會在你的腳本改變第一jQuery的.click()到：

jQuery(function($){ 

    $('#accord1trig, #click-me').click(function(){ 
      $(".accordion").tabs('selected', 1); 
    }); 

    // Remainder of your code... 

});

看我如何用逗號分隔並將#click-me添加到選擇器中？

更新：

根據您所提供的網址，以下爲我工作：

<script type='text/javascript'> 
jQuery(function(){ 
    jQuery('h4 a[data-tab]').click(function(e){ 
     e.preventDefault(); 
     var tab = jQuery('.accordion-toggle:eq(' + (parseInt(jQuery(this).data('tab')) - 1) + ')'); 
     tab.triggerHandler('click').addClass('current'); 
    }); 
}); 
</script>

來源

2012-11-12 20:50:32 Coby

這幾乎是我曾嘗試開始，但沒有運氣。這裏是我試圖實施解決方案的地方，http://www.peachtreewomensclinic.com/provider/ 嘗試將醫師，助產士等鏈接到相應的選項卡。 –

根據您提供的URL查看更新的解決方案。 – Coby

非常感謝Coby ......一直把我的頭髮撕掉。 –

使用e.preventDefault（）停止默認操作。你也可以將您的代碼到一個單一的事件處理程序..

添加HTML-5數據屬性存儲標籤信息..

HTML

<a href="#" id="accord1trig" data-tab="1">Tab Link 1</a> 
<a href="#" id="accord2trig" data-tab="2">Tab Link 2</a> 
<a href="#" id="accord3trig" data-tab="3">Tab Link 3</a> 
<a href="#" id="accord4trig" data-tab="4">Tab Link 4</a>

的Javascript

$('#accord1trig ,#accord2trig , 
       #accord3trig ,#accord4trig ').on('click' , function(){ 

     var tab = parseInt($(this).data('tab') , 10) ; 
     $(".accordion").tabs('selected', tab); 
});

或者Simpl y

$('[id^="accord"]').on('click' , function(){ 

      var tab = parseInt($(this).data('tab') , 10) ; 
      $(".accordion").tabs('selected', tab); 
    });

來源

2012-11-12 21:02:29

我試過這個解決方案，但沒有運氣。這是我試圖實施解決方案的地方。 http://www.peachtreewomensclinic.com/provider/ –

jQuery工具標籤 - 從另一個文本鏈接鏈接到標籤？

回答

相關問題