2014-04-01 120 views
0

我一直在試圖找出如何更改選項卡(目標另一個選項卡)(我認爲它的JQuery選項卡)使用隨機 <a href=""></a>從以前的選項卡。在點擊更改選項卡

我目前擁有的是:

<a class="txt-bblue hover-u" href="#" onclick="$(".wpb_tabs").tabs("active", "tab-1393763893-1-88")">becoming a carer</a> 

,但它似乎並沒有做任何事情。我已經在網上搜索和這些論壇尋求答案,但提出的解決方案似乎並不奏效。

JS的功能選項卡是:

/* Tabs + Tours 
---------------------------------------------------------- */ 
if (typeof window['vc_tabsBehaviour'] !== 'function') { 
function vc_tabsBehaviour() { 
     jQuery(function($){$(document.body).off('click.preview', 'a')}); 
     jQuery('.wpb_tabs, .wpb_tour').each(function(index) { 
      var $tabs, 
       interval = jQuery(this).attr("data-interval"), 
       tabs_array = []; 
      // 
      $tabs = jQuery(this).find('.wpb_tour_tabs_wrapper').tabs({ 
       show: function(event, ui) {wpb_prepare_tab_content(event, ui);}, 
       activate: function(event, ui) {wpb_prepare_tab_content(event, ui);} 
       }).tabs('rotate', interval*1000); 

      jQuery(this).find('.wpb_tab').each(function(){ tabs_array.push(this.id); }); 

      jQuery(this).find('.wpb_tab a[href^="#"]').click(function(e) { 
       e.preventDefault(); 
       if (jQuery.inArray(jQuery(this).attr('href'), tabs_array)) { 
        $tabs.tabs("select", jQuery(this).attr('href')); 
        return false; 
       } 
      }); 

      jQuery(this).find('.wpb_prev_slide a, .wpb_next_slide a').click(function(e) { 
       e.preventDefault(); 
       var ver = jQuery.ui.version.split('.'); 
       if(parseInt(ver[0])==1 && parseInt(ver[1]) < 9) { 
        var index = $tabs.tabs('option', 'selected'); 
        if (jQuery(this).parent().hasClass('wpb_next_slide')) { index++; } 
        else { index--; } 
        if (index < 0) { index = $tabs.tabs("length") - 1; } 
        else if (index >= $tabs.tabs("length")) { index = 0; } 
        $tabs.tabs("select", index); 
       } else { 
        var index = $tabs.tabs("option", "active"), 
         length = $tabs.find('.wpb_tab').length; 

        if (jQuery(this).parent().hasClass('wpb_next_slide')) { 
         index = (index+1) >=length ? 0 : index+1; 
        } else { 
         index = index-1 < 0 ? length -1 : index-1; 
        } 

        $tabs.tabs("option", "active", index); 
       } 

      }); 

     }); 
} 

}

它是WP

的鏈接Js_composer插件腳本來我的頁面是:http://safercareltd.com/careers-training/jobs-vacancies/

任何幫助對於我出錯的地方會非常感謝

回答

0

如何只在標籤上觸發click事件要打開:

onclick="$('#ui-id-2').trigger('click');return false;" 
+0

這似乎並沒有工作。 'becoming a carer'(甚至沒有'href =「」')沒有什麼奇怪的 –

+0

我不確定爲什麼,但'$'在onclick中未定義,但jQuery不是。因此,使用'jQuery'代替:jQuery('#ui-id-2')。trigger('click'); return false; – 76484

+0

非常感謝! - 效果很好。在附註中,一旦點擊改變了標籤,是否可以將頁面焦點置於標籤的頂部? - 如果這需要一些複雜的編碼,那麼不用擔心 –

0

嘗試:

$(function(){ 
    $('a.txt-bblue.hover-u').on('click',function(){ 
     $('.wpb_tab').trigger('click'); 
     return false; 
    }); 
}); 

或:

$(document).ready(function(){ 
    $('a.txt-bblue.hover-u').on('click',function(){ 
     $('.wpb_tab').trigger('click'); 
     return false; 
    }); 
}); 
+0

似乎不工作,感謝您的辛勤工作:)任何其他建議將是偉大的 –

+1

你的jQuery的工作? Try: $(function(){ alert('work'); }); – Darex1991

相關問題