在单击更改选项卡上

时间:2014-04-01 18:39:55

标签: javascript jquery wordpress tabs jquery-tabs

我一直试图弄清楚如何使用随机更改标签(定位另一个标签)(我认为它的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/

任何有关我出错的地方的帮助都非常感谢

2 个答案:

答案 0 :(得分:0)

如何在您要打开的标签页上触发点击事件:

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

答案 1 :(得分: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;
    });
});