2014-04-01 5 views
0

나는 이전 탭의 무작위 을 사용하여 탭 (다른 탭을 대상으로 함)을 변경하는 방법을 알아 냈습니다. (생각하면 JQuery 탭이라고 생각합니다.)클릭 변경 탭에서

<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
onclick="$('#ui-id-2').trigger('click');return false;" 
+0

이 작동하지 않는 것어떻게 그냥 탭에서 클릭 이벤트를 트리거에 대해 당신은 열려. 'becoming a carer'('href = ""'가 없어도) 전혀 이상하지 않습니다. –

+0

이유는 모르겠지만'$'는'onclick'에서 정의되지 않았습니다.하지만 jQuery는 아닙니다. 대신 jQuery ('# ui-id-2')를 사용하십시오 : trigger ('click'); – 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가 작동합니까? 시도 : $ (function() { alert ('work'); }}); – Darex1991