Question

我尝试一段时间在用户点击图片时（在标签上方）设置此主题的有效标签。

http://www.elegantthemes.com/preview/Nova/

我在scripts.php中找到了正常的标签更改代码，但我不知道如何更改它以使其与单击标签上方的任何图像一起使用。

            $service_li.find('a').click(function(){
                var $a = jQuery(this),
                    next_tab = $a.parent('li').prevAll().length,
                    next_tab_height = $service_tabs.find('>div').eq(next_tab).outerHeight();

                if ( next_tab != active_tab ) {
                    $service_tabs.css({height:next_tab_height});
                    $service_div.filter(':visible')
                        .animate( {opacity: 'hide'},500, function(){
                            jQuery(this).parent().find('>div').eq(next_tab).animate( {opacity: 'show'},500 );
                        } )
                        ;
                    $service_li.removeClass(active_tabstate).filter(':eq('+next_tab+')').addClass(active_tabstate);
                    active_tab = next_tab;
                }

                return false;
            }).hover(function(){
                if ( !jQuery(this).parent('li').hasClass(active_tabstate) && !is_ie ) jQuery(this).fadeTo('slow',.7);
            }, function(){
                if (!is_ie) jQuery(this).fadeTo('slow',1);
            });
        }

也许有人可以帮帮忙？

Answer 1

我不太明白什么或更好，为什么你在那里召唤那个东西，但我会使用jQuery Tabs，这样你就可以通过输入id轻松访问标签对象在URL（仅限firefox）或使用类似.. .tabs( "select" , index )之类的内容中，您可以在上面的URL中找到更多文档。

更改图像上的选项卡单击

1 个答案: