需要为此添加切换效果:jQuery(“ul.tabs-nav”)。tabs(“> .pane”);

时间:2013-06-23 03:48:54

标签: jquery

美好的一天,我是Javascript的新手,我正在编辑一个Wordpress网站,我需要在这一行添加切换效果:

jQuery的("ul.tabs-nav").tabs("> .pane");

我研究了一些东西,发现了这个:

$("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );

但我不知道如何添加它而不删除“> .pane”

代码来自我拥有的WordPress主题(PHP):

    $out ='
    <script type="text/javascript"> jQuery(document).ready(function($){ jQuery("ul.tabs-nav").tabs("> .pane"); }); </script>

        <div class="post-tabs'.$type.'">
        '.do_shortcode($content).'
        </div>
    ';
   return $out;

提前致谢!

1 个答案:

答案 0 :(得分:0)

我也是一个初学者,但我最近发现了如何做到这一点。

添加{show:{effect:“blind”,持续时间:1000},     隐藏:{effect:“blind”,持续时间:1000}}在你的标签()中如下:

     $out ='
    <script type="text/javascript"> jQuery(document).ready(function($){ jQuery("ul.tabs-nav").tabs({show: { effect: "blind", duration: 1000 },
hide: { effect: "blind", duration: 1000 }) }); </script>

        <div class="post-tabs'.$type.'">
        '.do_shortcode($content).'
        </div>
    ';
   return $out;

我排除了“&gt; .pane”,因为我不知道如何用正确的语法包含它。