Javascript 单击“更改”选项卡

Javascript 单击“更改”选项卡,javascript,jquery,wordpress,tabs,jquery-tabs,Javascript,Jquery,Wordpress,Tabs,Jquery Tabs,我一直在试图弄清楚如何使用随机变量更改一个选项卡(针对另一个选项卡)(我认为是它的JQuery选项卡) 来自上一个选项卡 我目前拥有的是: <a class="txt-bblue hover-u" href="#" onclick="$(".wpb_tabs").tabs( "active", "tab-1393763893-1-88" )">becoming a carer</a> 但它似乎没有任何作用。我在网上和这些论坛上搜索了答案,但建议的解决方案似乎不起作用

我一直在试图弄清楚如何使用随机变量更改一个选项卡(针对另一个选项卡)(我认为是它的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 );
                }

            });

        });
}
/*选项卡+教程
---------------------------------------------------------- */
如果(窗口类型['vc_tabsBehaviour']!='function'){
函数vc_tabsBehaviour(){
jQuery(函数($){$(document.body).off('click.preview','a'));
jQuery('.wpb_tabs,.wpb_tour')。每个(函数(索引){
var$tabs,
interval=jQuery(this).attr(“数据间隔”),
tabs_数组=[];
//
$tabs=jQuery(this).find('.wpb\u tour\u tabs\u wrapper').tabs({
show:function(event,ui){wpb_prepare_tab_content(event,ui);},
激活:函数(事件,ui){wpb_准备_选项卡_内容(事件,ui);}
}).制表符('旋转',间隔*1000);
jQuery(this.find('.wpb_tab').each(function(){tabs_array.push(this.id);});
jQuery(this).find('.wpb_选项卡a[href^=“#”]”)。单击(函数(e){
e、 预防默认值();
if(jQuery.inArray(jQuery(this.attr('href'),tabs_数组)){
$tabs.tabs(“选择”,jQuery(this.attr('href'));
返回false;
}
});
jQuery(this).find('.wpb_prev_slide a,.wpb_next_slide a')。单击(函数(e){
e、 预防默认值();
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--;}
如果(索引<0){index=$tabs.tabs(“长度”)-1;}
如果(索引>=$tabs.tabs(“长度”){index=0;}
$tabs.tabs(“选择”,索引);
}否则{
var索引=$tabs.tabs(“选项”,“活动”),
长度=$tabs.find('.wpb_tab').length;
if(jQuery(this).parent().hasClass('wpb\u next\u slide')){
索引=(索引+1)>=长度?0:索引+1;
}否则{
指数=指数-1<0?长度-1:指数-1;
}
$tabs.tabs(“选项”,“活动”,索引);
}
});
});
}
}

它是WP的Js_composer插件脚本

指向我的页面的链接是:


如果有任何关于我哪里出错的帮助,那就太好了。谢谢你,在你想打开的选项卡上触发一个点击事件怎么样:

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

或:


这似乎不起作用
(即使没有
href=“”
)也没什么奇怪的,我不知道为什么,
$
onclick
中没有定义,但jQuery没有。因此,请改用“jQuery”:jQuery(“#ui-id-2”).trigger('click');返回false;非常感谢效果很好。在旁注中,一旦单击更改了选项卡,是否可以将页面焦点置于选项卡顶部?-如果这需要一些复杂的编码,那么就不用担心了:我认为这可以做到:
onclick=“jQuery(''ui-id-2')。trigger('click');jQuery(document)。scrollTop(jQuery('.wpb\u tour\u tabs\u wrapper')。offset().top);return false;“
就像魔术一样,你挽救了这一天!!”非常感谢:)似乎不起作用,谢谢你的辛勤工作:)还有其他建议吗?做你的jQuery工作吗?Try:$(函数(){alert('work');});
$(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;
    });
});